# Skeleton React components, live previews & code, EneUI Browse 50 Skeleton React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent. > Page: https://ui.eneawork.it/components/cat/skeleton > Markdown: https://ui.eneawork.it/components/cat/skeleton.md **Components:** 50 ## Highlights - [text-shimmer](https://ui.eneawork.it/comp/21st-ibelick--motion-primitives/text-shimmer), 21st-ibelick--motion-primitives - [image-loading](https://ui.eneawork.it/comp/21st-tonyzebastian/image-loading), 21st-tonyzebastian - [animated-loading-skeleton](https://ui.eneawork.it/comp/21st-anurag-mishra22/animated-loading-skeleton), 21st-anurag-mishra22 - [animated-shiny-text](https://ui.eneawork.it/comp/21st-dillionverma--magic-ui/animated-shiny-text), 21st-dillionverma--magic-ui - [chip](https://ui.eneawork.it/comp/21st-preetsuthar17--hextaui/chip), 21st-preetsuthar17--hextaui - [image-generation](https://ui.eneawork.it/comp/21st-kvnkld--aicss/image-generation), 21st-kvnkld--aicss - [ai-agent-processing-states](https://ui.eneawork.it/comp/21st-arunjdass/ai-agent-processing-states), 21st-arunjdass - [border-trail](https://ui.eneawork.it/comp/21st-ibelick--motion-primitives/border-trail), 21st-ibelick--motion-primitives - [ai-text-loading](https://ui.eneawork.it/comp/21st-kokonutd--kokonut-ui/ai-text-loading), 21st-kokonutd--kokonut-ui - [v-skeleton-8](https://ui.eneawork.it/comp/21st-cnippet-dev--cnippet/v-skeleton-8), 21st-cnippet-dev--cnippet - [game-of-life-loader](https://ui.eneawork.it/comp/21st-dqnamo/game-of-life-loader), 21st-dqnamo - [lazy-image](https://ui.eneawork.it/comp/21st-efferd--efferd/lazy-image), 21st-efferd--efferd ## FAQ ### How many React Skeleton components are there? 50 Skeleton components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Skeleton component to my project? Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "" with the command shown on the page. ### Are they free? Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit. ### Do they work with Next.js and Tailwind? Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA. ## Related - [All categories](/components) - [Libraries](/libraries)