Dev Design LibrarySkeleton Components
Dev Design Library indexes 89 skeleton components from 48 open-source UI libraries, with the most coming from FLX UI, ReUI, Kinetics, Amicro Micro Transitions and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Skeleton components belong to the Feedback group.
Skeletonshadcn/ui · ReactUse to show a placeholder while content is loading.
SkeletonMUI / Material UI · React
SkeletondaisyUI · CSS (Tailwind)
SkeletonChakra UI · ReactUsed to render a placeholder while the content is loading.
SkeletonHeroUI · ReactDisplays a loading placeholder with shimmer or pulse animation effects.
Skeletoncoss ui · ReactA loading state skeleton for your components.
SkeletonRadix Themes · React
Organic Shimmertransitions.dev · HTML/CSSLoading placeholder with an irregular, organic sheen moving across it.
Skeleton loader for avatars and user info.ReUI · ReactSkeleton loader for avatars and user info.
Fluid SkeletonAmicro Micro Transitions · ReactFluid Skeleton loading animation.
SkeletonPark UI · ReactA placeholder component for showing loading states of content.
SkeletonLobe UI · ReactPlaceholder blocks that stand in for content while it loads. One primitive block, plus text-line and avatar helpers.
skeletonIntent UI · Reactskeleton
Loading StatesbeUI · ReactCovers work before a durable plan is available.
SkeletonTailGrids · ReactA component to indicate a loading state.
Grid RevealRare UI · ReactA loading state for AI images that turns into the real picture when it arrives.
Chart StatesSpectrum UI · ReactLoading skeletons, empty states and error states for every chart — one wrapper, six skeleton shapes, and a frame…
SkeletonVengeance UI · React
SkeletonPanel UI · React NativeShimmer placeholder for loading content.
Skeleton 05 - Loading to ContentShadcn Space · ReactBlog card that shows a matching skeleton while loading, fades in the real content, and can be reloaded to replay the…
Shimmer SkeletonKinetics · HTML/CSSSweeping highlight over placeholder lines
Animatedinput PlaceholderShadcn Dashboard · React
SkeletonObsidianUI · React
AI Overview SkeletonNotra · ReactA loading state built on shadcn Skeleton.
Image LoaderGenerative Loaders · React
SkeletonShark UI · ReactDisplays a loading state.
SkeletonRewamp UI · ReactShared Skeleton primitive Pulsing block styled with brand tokens and subtle lilac shimmer sweep…
SkeletonWatermelon UI · React
SkeletonArc Library · ReactReserve space while content is still loading.
Data Table Loadingsv-table · SvelteSkeleton rows that preserve a table layout while its data is loading.
Glass Skeletonglasscn · ReactGlass Skeleton with five variants: clear, frosted, subtle, liquid, and liquid-refract
Skeleton LoaderUI Lab · ReactHolds the exact shape of what is coming, so nothing jumps.
SkeletonHextaUI · ReactPlaceholders that wait 150ms before showing, take the exact size of the content they wrap, and fade it in without…
LoaderLocalMode · ReactA small family of busy indicators (dots / pulse / typing / spinner) plus a Shimmer skeleton-text variant, shown while…
SkeletonCojeev UI · ReactGive unavailable content a useful outline: a reading page, a person or a board of ideas, with three quiet-safe paint…
Loading skeletonFLX UI · ReactSkeleton placeholder while the avatar loads.
SkeletonHalaska UI · React
SkeletonMetal UI · React + SwiftUIWhere content will be before it arrives: blocks, lines and circles in the well's sunk look, shown after a beat with a…
LoadingSpaceUI · ReactMatrix pixel grid loader with Tailwind color support, spring motion presets, and assistant status cards.
Aria SkeletonReScript shadcn · ReScript
SkeletonSora UI · ReactA loading placeholder with shimmer or fade variants, plus a transition that crossfades into real content once loading…
Liquid SkeletonLiquefy UI · ReactLoading placeholder in liquid glass style. Esqueleto de carregamento em estilo vidro líquido.- SkeletonD2Studio UI · ReactUse to show a placeholder while content is loading.
SkeletonEaseUI · ReactLoading placeholder with one shimmer shared across the page. Wrap real content and it takes the same shape, then…
SkeletonFibo · ReactA placeholder in the shape of content that's still loading.
SkeletonReactFrame · ReactA loading placeholder with rect, text, circle and card presets, a shimmer or pulse animation, reduced-motion support…
Image Generation LoaderAceternity UI · React
Skeletonark-cn · ReactPlaceholder to show a loading state before content loads.
Image Generation Placeholdertransitions.dev · HTML/CSS
Skeleton loader for chat messagesReUI · ReactSkeleton loader for chat messages
Shimmer LineAmicro Micro Transitions · ReactShimmer Line loading animation.
Base Ui SkeletonLobe UI · React
SkeletonSpectrum UI · Reactcomponent for the Skeleton
Skeleton 08 - Shimmer ArticleShadcn Space · ReactArticle skeleton with a staggered shimmer sweep instead of a pulse, covering title, author, cover image, and paragraph…
Skeleton SweepKinetics · HTML/CSSGradient position animates across a fixed-size placeholder
SkeletonShadcn Dashboard · React
Skeletonglasscn · React
BasicFLX UI · ReactA stack of placeholder lines for a text block.
SkeletonSpaceUI · ReactDisplays animated placeholder shapes while content is loading, giving users immediate visual feedback and making apps…
Base SkeletonReScript shadcn · ReScript
Skeleton ShimmerSora UI · ReactSkeleton loading placeholders with a shimmer effect that transitions to revealed content via a CSS view-transition…
Skeleton Loader And Revealtransitions.dev · HTML/CSS
Skeleton loader for a card component.ReUI · ReactSkeleton loader for a card component.
SkeletonAmicro Micro Transitions · ReactLoading skeleton with smooth shimmer sweep.
Dashboard Page SkeletonLobe UI · React
Skeleton RevealSpectrum UI · ReactA skeleton that pulses while loading, then cross-fades and un-blurs into the real content.
Skeleton To ContentKinetics · HTML/CSSShimmering placeholder resolves into real content on click
Avatar with textFLX UI · ReactA circle beside two lines, mimicking a loading user row.
Skeleton loader for text and paragraphs.ReUI · ReactSkeleton loader for text and paragraphs.
Skeleton LoaderAmicro Micro Transitions · ReactSkeleton Loader loading animation.
Stale While RevalidateKinetics · HTML/CSSThe old value ghosts as the fresh one springs into place
CardFLX UI · ReactMedia banner above a title, body lines, and a footer.
Skeleton loader for a form.ReUI · ReactSkeleton loader for a form.
ParagraphFLX UI · ReactA heading followed by full-width body lines.
Skeleton loader for a data table.ReUI · ReactSkeleton loader for a data table.
ListFLX UI · ReactRepeated rows, each with a circular avatar and two text lines.
Skeleton loader for a dashboard stats rowReUI · ReactSkeleton loader for a dashboard stats row
TableFLX UI · ReactA header row above several placeholder data rows.
Skeleton loader for a list with actionsReUI · ReactSkeleton loader for a list with actions
FormFLX UI · ReactLabelled fields above a submit button placeholder.
Skeleton loader for a card gridReUI · ReactSkeleton loader for a card grid
SelectFLX UI · ReactA field label above a trigger with a chevron block.
Skeleton loader for a full profile pageReUI · ReactSkeleton loader for a full profile page
Stat cardsFLX UI · ReactA grid of KPI cards with label, value, and trend lines.
Chat threadFLX UI · ReactAlternating inbound and outbound message bubbles.
Gallery gridFLX UI · ReactA grid of square image tiles for a loading gallery.
ArticleFLX UI · ReactA hero image, title, byline, and stacked body lines.
Pricing cardFLX UI · ReactA plan name, price, feature rows, and a CTA button.
Sidebar navFLX UI · ReactA logo header above a list of icon-and-label nav rows, with a user profile row at the bottom.
Libraries with skeleton components
Related categories
- React Skeleton Components
- Tailwind CSS Skeleton Components
- Animated Skeleton Components
- shadcn/ui Skeleton Components
- Feedback Components
- Badge Components
- Spinner Components
- Progress Components
- Alert Components
- Chip Components
- Progress Bar Components
- Empty State Components
- Notification Components
- Status Indicator Components
- Banner Components
- Typing Indicator Components
- Progress Circle Components
- Error State Components
- Success Animation Components
- Scroll Progress Components