React Skeleton Components

Dev Design Library indexes 80 React skeleton components from 44 open-source UI libraries, with the most coming from FLX UI, ReUI, Amicro Micro Transitions, Spectrum UI and Lobe UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Skeleton components belong to the Feedback group.

• Skeletonshadcn/ui · ReactUse to show a placeholder while content is loading.
• SkeletonMUI / Material UI · React
• 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
• 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…
• 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.
• 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.
• S
  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.
• 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…
• 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 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.
• 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.
• 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 React skeleton components

• FLX UI
• ReUI
• Amicro Micro Transitions
• Spectrum UI
• Lobe UI

Related categories

• Skeleton Components
• Tailwind CSS Skeleton Components
• Animated Skeleton Components
• shadcn/ui Skeleton Components
• React Feedback Components
• React Spinner Components
• React Badge Components
• React Progress Components
• React Alert Components
• React Chip Components
• React Progress Bar Components
• React Empty State Components
• React Notification Components
• React Status Indicator Components
• React Banner Components
• React Typing Indicator Components
• React Progress Circle Components
• React Error State Components
• React Scroll Progress Components
• React Success Animation Components