10 Best JavaScript Loading Skeleton Libraries

List hand-picked by Openbase Experts
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
3Easy to Use
2Great Documentation
1Performant
GitHub Stars
1K
Weekly Downloads
61K
Last Commit
1mo ago
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
4.2/ 5
5
Top Feedback
1Easy to Use
1Highly Customizable
GitHub Stars
2K
Weekly Downloads
240K
Last Commit
2mos ago
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.6/ 5
12
Top Feedback
7Great Documentation
6Easy to Use
6Performant
GitHub Stars
12K
Weekly Downloads
390K
Last Commit
4mos ago

react-native-reanimated

React Native's Animated library reimplemented

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.4/ 5
10
Top Feedback
5Great Documentation
4Easy to Use
4Performant
GitHub Stars
6K
Weekly Downloads
407K
Last Commit
1mo ago
rns

react-native-skeleton-content

A customizable skeleton-like loading placeholder for react native projects using expo.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
324
Weekly Downloads
2K
Last Commit
1mo ago
rns

react-native-shimmer-placeholder

Placeholder/ Skeleton of React Native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
814
Weekly Downloads
13K
Last Commit
4mos ago
rns

react-native-skeleton-placeholder

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

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.5/ 5
4
Top Feedback
1Slow
GitHub Stars
419
Weekly Downloads
15K
Last Commit
6mos ago

@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
23K
Weekly Downloads
210K
Last Commit
1mo ago
vs

vue-skeletor

Vue3 adaptive Skeleton Loader component.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Highly Customizable
GitHub Stars
20
Weekly Downloads
964
Last Commit
1yr ago
nsl

ngx-skeleton-loader

Make beautiful, animated loading skeletons that automatically adapt to your Angular apps

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
357
Weekly Downloads
34K
Last Commit
3mos ago
vs

v-skeletor

Vue 2 adaptive Skeleton Loader component.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
122
Last Commit
1mo ago

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
668
Last Commit
1mo ago
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
62
Weekly Downloads
4K
Last Commit
3mos ago
slv

skeleton-loader-vue

A simple and easily customizable skeleton loader plugin for you Vue application.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
40
Weekly Downloads
3K
Last Commit
6mos ago

@netbasal/ngx-content-loader

⚪️ SVG component to create placeholder loading, like Facebook cards loading.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
699
Weekly Downloads
2K
Last Commit
2mos ago
ncl

ngx-content-loading

Angular component to create SVG loading placeholders

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
124
Weekly Downloads
2K
Last Commit
5mos ago

@conectate/ct-loading-placeholder

LitElement Web Components

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
22
Last Commit
2mos ago
ns

ngx-skeleton

Angular placeholder preview component before the content is loaded

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
214
Last Commit
2mos ago
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
167
Last Commit
8mos ago
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
62
Weekly Downloads
23
Last Commit
3mos ago
sl

skeleton-loader

Loader module for webpack to execute your custom procedure. It works as your custom loader.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
19
Weekly Downloads
4K
Last Commit
8mos ago
ns

ngx-skltn

Skeleton loader for Angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
405
Last Commit
7mos ago
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
39
Last Commit
2mos ago
vcl

vue-content-loading

Vue component to easily build (or use presets) SVG loading cards Facebook like.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
7K
Last Commit
N/A
vcp

vue-content-placeholders

Composable components for rendering fake (progressive) content like facebook in vue

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
6K
Last Commit
4yrs ago
pc

placeholder-content

Pre-configured component of library ngneat/content-loader.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
5
Last Commit
10mos ago
vls

vue-loading-skeleton

Make beautiful loading skeleton that automatically adapt your vue app.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
5K
Last Commit
N/A
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
4K
Last Commit
3yrs ago
ng

ngx-ghosts

Library to create skeleton loading experiences with angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
111
Last Commit
3mos ago
rns

@nlazzos/react-native-skeleton

A skeleton component for react-native and react-native-web.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
35
Last Commit
7mos ago

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
2K
Last Commit
2yrs ago
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: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1K
Last Commit
N/A

@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
558
Weekly Downloads
1K
Last Commit
4yrs ago
ts

tb-skeleton

a vue component about toy bricks of skeleton screen loading

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
87
Weekly Downloads
890
Last Commit
2yrs ago
nsl

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 Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
6
Weekly Downloads
786
Last Commit
2yrs ago
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
598
Last Commit
1yr ago

@exalif/ngx-skeleton-loader

Various Angular 6+ libs

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
9
Weekly Downloads
22
Last Commit
9mos ago
rb

react-bones

💀 Dead simple content loading components for React and React-Native. 💀

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
40
Weekly Downloads
64
Last Commit
10mos ago
rnm

react-native-masked-loader

A simple content and skeleton loader component for react native with animation

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
115
Last Commit
N/A
vs

vue-skelett

skeleton view builder

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
1yr ago
vss

vue-skeleton-screen

a skeleton screen written in Vue.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
21
Weekly Downloads
96
Last Commit
2yrs ago
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
86
Last Commit
N/A
nss

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 Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
71
Last Commit
N/A
vus

vue-ultimate-skeleton-cards

The Ultimate fully-customizable plugin for skeleton cards in Vue. It's a no-brainer. (Vue 2)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
77
Weekly Downloads
51
Last Commit
10mos ago
rsl

rn-skeleton-loader

Simple skeleton loading for react native

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
40
Last Commit
2yrs ago
vws

vue-wave-skeleton

Cool Wave Skeleton component for loading content in Vue 3. Animated, unique, and chill.

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
5mos ago
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
29
Last Commit
N/A
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
26
Last Commit
2yrs ago
nls

ngx-loading-skeleton

Angular 9 Component for displaying loading skeleton for the page, customize just by css

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
23
Last Commit
N/A
ns

ng-skeleton

Skeleton loading component for Angular

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
19
Last Commit
1yr ago