59 Best JavaScript Loading Skeleton Libraries
Curated by the Openbase team and community.Learn more
Curated by the Openbase team and community. Learn more
react-native-reanimated
React Native's Animated library reimplemented
License: MIT
TypeScript Definitions: Built-In
User Rating
4.3/ 5
9Top Feedback
GitHub Stars
5K
Weekly Downloads
403K
Last Commit
2d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
react-image
React.js <img> tag rendering with multiple fallback & loader support
License: MIT
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1Top Feedback
GitHub Stars
947
Weekly Downloads
57K
Last Commit
3d ago
Bundle Size (min+gzip)
1.24KB
Tree-Shakeable
react-content-loader
⚪ SVG-Powered component to easily create skeleton loadings.
License: MIT
TypeScript Definitions: Built-In
User Rating
4.5/ 5
10Top Feedback
GitHub Stars
11K
Weekly Downloads
281K
Last Commit
2d ago
Bundle Size (min+gzip)
1.52KB
Tree-Shakeable
react-native-skeleton-placeholder
SkeletonPlaceholder is a React Native library to easily create an amazing loading effect.
License: ISC
TypeScript Definitions: Not Found
User Rating
4.5/ 5
4Top Feedback
GitHub Stars
302
Weekly Downloads
13K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
react-native-skeleton-content
A customizable skeleton-like loading placeholder for react native projects using expo.
License: MIT
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1Top Feedback
N/A
GitHub Stars
256
Weekly Downloads
2K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
vue-skeletor
Vue3 adaptive Skeleton Loader component.
License: MIT
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
GitHub Stars
5
Weekly Downloads
151
Last Commit
8mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
@chakra-ui/skeleton
⚡️ Simple, Modular & Accessible UI Components for your React Applications
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
19K
Weekly Downloads
108K
Last Commit
7d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
react-loading-skeleton
Create skeleton screens that automatically adapt to your app!
License: MIT
TypeScript Definitions: Built-In
User Rating
2.0/ 5
1Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
132K
Last Commit
1mo ago
Bundle Size (min+gzip)
8.31KB
Not Tree-Shakeable
ngx-skeleton-loader
Make beautiful, animated loading skeletons that automatically adapt to your Angular apps
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
299
Weekly Downloads
21K
Last Commit
3d 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: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
20
Weekly Downloads
551
Last Commit
4d ago
Bundle Size (min+gzip)
0.94KB
Tree-Shakeable
react-native-shimmer-placeholder
Placeholder/ Skeleton of React Native
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
719
Weekly Downloads
11K
Last Commit
4mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
skeleton-elements
Skeleton elements - UI for improved perceived performance
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
36
Weekly Downloads
1K
Last Commit
7mo ago
Bundle Size (min+gzip)
2.15KB
Not Tree-Shakeable
skeleton-loader-vue
A simple and easily customizable skeleton loader plugin for you Vue application.
License: Apache-2.0
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
19
Weekly Downloads
475
Last Commit
1mo ago
Bundle Size (min+gzip)
2.13KB
Tree-Shakeable
@nejcm/react-skeleton-emotion
React skeleton loader.
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
1
Weekly Downloads
2K
Last Commit
5mo ago
Bundle Size (min+gzip)
3.29KB
Tree-Shakeable
@yisheng90/react-loading
🤚 A loading skeleton component built on React
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
15
Weekly Downloads
204
Last Commit
1mo ago
Bundle Size (min+gzip)
14.2KB
Not Tree-Shakeable
skeleton-loader
Loader module for webpack to execute your custom procedure. It works as your custom loader.
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
19
Weekly Downloads
13K
Last Commit
15d ago
Bundle Size (min+gzip)
22.3KB
Not Tree-Shakeable
lazy-attr
Create lazy image, embed, video and element with animation just with attributes.
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
1
Weekly Downloads
24
Last Commit
3mo ago
Bundle Size (min+gzip)
2.69KB
Not Tree-Shakeable
ngx-skltn
Skeleton loader for Angular
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
16
Weekly Downloads
683
Last Commit
9mo ago
Bundle Size (min+gzip)
3.14KB
Tree-Shakeable
ngx-skeleton
Angular placeholder preview component before the content is loaded
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
1
Weekly Downloads
325
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
@conectate/ct-loading-placeholder
LitElement Web Components
License: BSD-3-Clause
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
7
Weekly Downloads
26
Last Commit
24d ago
Bundle Size (min+gzip)
7.23KB
Tree-Shakeable
@skeleton-elements/react
Skeleton elements - UI for improved perceived performance
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
36
Weekly Downloads
15
Last Commit
7mo ago
Bundle Size (min+gzip)
1.84KB
Tree-Shakeable
ngx-shimmer-loading
Facebook shimmer loading for angular 8+ apps. An easy and simple way to tell your users that there is something loading with fancy UI elements.
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
5
Weekly Downloads
460
Last Commit
1y ago
Bundle Size (min+gzip)
0.97KB
Tree-Shakeable
vue-content-loading
Vue component to easily build (or use presets) SVG loading cards Facebook like.
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
8K
Last Commit
N/A
Bundle Size (min+gzip)
2.21KB
Not Tree-Shakeable
placeholder-content
Pre-configured component of library ngneat/content-loader.
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
8
Last Commit
3mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
vue-loading-skeleton
Make beautiful loading skeleton that automatically adapt your vue app.
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
5K
Last Commit
N/A
Bundle Size (min+gzip)
3.23KB
Tree-Shakeable
react-skeleton-loader
A react helper for skeleton loaders
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
60
Weekly Downloads
5K
Last Commit
2y ago
Bundle Size (min+gzip)
3.22KB
Not Tree-Shakeable
vue-content-placeholders
Composable components for rendering fake (progressive) content like facebook in vue
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
1K
Weekly Downloads
4K
Last Commit
4y ago
Bundle Size (min+gzip)
0.63KB
Tree-Shakeable
ngx-ghosts
Library to create skeleton loading experiences with angular
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
3
Weekly Downloads
25
Last Commit
8mo ago
Bundle Size (min+gzip)
2.15KB
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: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
10
Weekly Downloads
3K
Last Commit
2y ago
Bundle Size (min+gzip)
3.45KB
Not Tree-Shakeable
@thevsstech/react-native-skeleton
SkeletonPlaceholder is a React Native library to easily create an amazing loading effect.
License: ISC
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
3
Weekly Downloads
8
Last Commit
8mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
@exalif/ngx-skeleton-loader
Various Angular 6+ libs
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
9
Weekly Downloads
28
Last Commit
2mo ago
Bundle Size (min+gzip)
0.86KB
Tree-Shakeable
@s-ui/react-atom-skeleton
Display the loading state of a component while avoding layout shift
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
2K
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
@netbasal/ngx-content-loader
SVG component to create placeholder loading, like Facebook cards loading
License: Unknown
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
1K
Last Commit
N/A
Bundle Size (min+gzip)
1.66KB
Tree-Shakeable
ngx-content-loading
Angular component to create SVG loading placeholders
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
125
Weekly Downloads
1K
Last Commit
3y ago
Bundle Size (min+gzip)
1.98KB
Tree-Shakeable
react-simple-skeleton
Responsive basic skeleton loading for React
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
13
Last Commit
8mo ago
Bundle Size (min+gzip)
2.72KB
Not Tree-Shakeable
@linja/react-skeleton
Skeleton loading for react
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
1
Weekly Downloads
4
Last Commit
10mo ago
Bundle Size (min+gzip)
18.1KB
Not Tree-Shakeable
tb-skeleton
a vue component about toy bricks of skeleton screen loading
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
85
Weekly Downloads
727
Last Commit
2y ago
Bundle Size (min+gzip)
3.91KB
Not Tree-Shakeable
@trainline/react-skeletor
Skeleton loading for React
License: Apache-2.0
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
556
Weekly Downloads
668
Last Commit
4y ago
Bundle Size (min+gzip)
1.34KB
Not Tree-Shakeable
ng-skeleton
Skeleton loading component for Angular
License: Unknown
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
15
Last Commit
8mo ago
Bundle Size (min+gzip)
0.96KB
Tree-Shakeable
react-skeleton
React Skeleton - display component loading states.
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
189
Last Commit
N/A
Bundle Size (min+gzip)
15.6KB
Not Tree-Shakeable
tinyskeletonjs
light skeleton compatible with any javascript framework
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
3
Last Commit
10mo ago
Bundle Size (min+gzip)
0.89KB
Not Tree-Shakeable
react-native-masked-loader
A simple content and skeleton loader component for react native with animation
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
77
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ngx-loading-skeleton
Angular 9 Component for displaying loading skeleton for the page, customize just by css
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
76
Last Commit
N/A
Bundle Size (min+gzip)
2.57KB
Tree-Shakeable
ngx-content-loader
A collection of Angular components to use as placeholders when loading content
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
66
Last Commit
4y ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
skeleton-card-vuejs
A reusable skeleton card component written in Vuejs
License: ISC
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
141
Weekly Downloads
20
Last Commit
1y ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ngx-smart-skeleton
It’s an Angular UI library that contains a complete set of high-quality skeleton components for a fast building of suitable loading screens.
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
55
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable
react-bones
A cross platform skeleton library
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
46
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
vue-skeleton-screen
a skeleton screen written in Vue.js
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
21
Weekly Downloads
40
Last Commit
2y ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
react-preload-skeleton
Online examples [Here](https://durandneto.github.io/react-preload-skeleton/docs/?path=/story/colors-new-colors--all-colors)
License: Unknown
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
34
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
@madlabpack/tiny
[](https://github.com/MadLabDesign/tiny) [](https://github.com/MadLabDesign/tiny)
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
16
Last Commit
1y ago
Bundle Size (min+gzip)
7.25KB
Not Tree-Shakeable