10 Best React Loading Skeleton Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

ri

react-image

React.js <img> tag rendering with multiple fallback & loader support

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
2
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
993
Weekly Downloads
56K
Last Commit
2d ago
Bundle Size (min+gzip)
1.24KB
Tree-Shakeable
rcl

react-content-loader

⚪ SVG-Powered component to easily create skeleton loadings.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
11
Top Feedback
7Great Documentation
6Easy to Use
6Performant
GitHub Stars
12K
Weekly Downloads
343K
Last Commit
1mo ago
Bundle Size (min+gzip)
1.52KB
Tree-Shakeable
rls

react-loading-skeleton

Create skeleton screens that automatically adapt to your app!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.5/ 5
2
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
170K
Last Commit
3d ago
Bundle Size (min+gzip)
8.31KB
Not Tree-Shakeable

@chakra-ui/skeleton

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
21K
Weekly Downloads
160K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

tiny-skeleton-loader-react

zero dependency, ultra lightweight (1KB gzipped) skeleton loader component for react 🐥

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
24
Weekly Downloads
1K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
se

skeleton-elements

Skeleton elements - UI for improved perceived performance

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
54
Weekly Downloads
2K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rl

@yisheng90/react-loading

🤚 A loading skeleton component built on React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
133
Last Commit
5mos ago
Bundle Size (min+gzip)
14.2KB
Not Tree-Shakeable
rea

@skeleton-elements/react

Skeleton elements - UI for improved perceived performance

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
54
Weekly Downloads
7
Last Commit
2mos ago
Bundle Size (min+gzip)
1.84KB
Tree-Shakeable
la

lazy-attr

Create lazy image, embed, video and element with animation just with attributes.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
7
Last Commit
7mos ago
Bundle Size (min+gzip)
2.69KB
Not Tree-Shakeable
rsl

react-skeleton-loader

A react helper for skeleton loaders

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
60
Weekly Downloads
5K
Last Commit
3yrs ago
Bundle Size (min+gzip)
3.22KB
Not Tree-Shakeable

skulletor

SkeletorJS is a Javascript library that allow you to ease your skeleton loading screen creation. It use predefined shapes you can configure and compose to create more complex skeleton.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
9
Weekly Downloads
3K
Last Commit
2yrs ago
Bundle Size (min+gzip)
3.45KB
Not Tree-Shakeable
ras

@s-ui/react-atom-skeleton

Display the loading state of a component while avoding layout shift

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2K
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rse

@nejcm/react-skeleton-emotion

React skeleton loader.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
772
Last Commit
9mos ago
Bundle Size (min+gzip)
3.29KB
Tree-Shakeable

@trainline/react-skeletor

Skeleton loading for React

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
556
Weekly Downloads
617
Last Commit
4yrs ago
Bundle Size (min+gzip)
1.34KB
Not Tree-Shakeable
rns

@thevsstech/react-native-skeleton

SkeletonPlaceholder is a React Native library to easily create an amazing loading effect.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
91
Last Commit
1yr ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rs

react-skeleton

React Skeleton - display component loading states.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
63
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rb

react-bones

A cross platform skeleton library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
60
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rps

react-preload-skeleton

Online examples [Here](https://durandneto.github.io/react-preload-skeleton/docs/?path=/story/colors-new-colors--all-colors)

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
4
Last Commit
N/A
Bundle Size (min+gzip)
3.32KB
Not Tree-Shakeable
rsc

react-skeleton-content

React skeleton

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
2
Last Commit
3yrs ago
Bundle Size (min+gzip)
0.44KB
Not Tree-Shakeable
ske

@bianic-ui/skeleton

React component to render a placeholders while you wait for content to load

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
N/A
Bundle Size (min+gzip)
20.3KB
Tree-Shakeable
er

essential-react

A minimal skeleton for building testable React apps using Babel

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
2
Last Commit
3yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rts

react-text-skeleton

A simple and small react library in order to create a text skeleton that either blurs out a dummy text or displays a loading gradient until the loaded text is provided.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
0
Last Commit
2yrs ago
Bundle Size (min+gzip)
0.93KB
Tree-Shakeable
rs

@linja/react-skeleton

Skeleton loading for react

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
1
Last Commit
1yr ago
Bundle Size (min+gzip)
18.1KB
Not Tree-Shakeable

@o-rango/o-content-placeholder

O-RANGO customizable component placeholder

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
6
Weekly Downloads
1
Last Commit
3yrs ago
Bundle Size (min+gzip)
0.28KB
Tree-Shakeable
rss

react-simple-skeleton

Responsive basic skeleton loading for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
0
Last Commit
1yr ago
Bundle Size (min+gzip)
2.72KB
Not Tree-Shakeable
tin

@madlabpack/tiny

[![npm (scope)](https://img.shields.io/npm/dw/tiny.svg?label=madlab)](https://github.com/MadLabDesign/tiny) [![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/tiny.svg)](https://github.com/MadLabDesign/tiny)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1
Last Commit
2yrs ago
Bundle Size (min+gzip)
7.25KB
Not Tree-Shakeable