# Placeholder components > Use 5 versatile placeholder React components to indicate loading states or reserve space in your Next.js projects. 58 components available. Showing all of them below. - [Placeholders And Vanish Input](https://21st.dev/@manuarora700/components/placeholders-and-vanish-input.md) — by Manu Arora - [Animated Loading Skeleton](https://21st.dev/@anurag-mishra22/components/animated-loading-skeleton.md) — by Anurag Mishra - [Skeleton](https://21st.dev/@shadcn/components/skeleton.md) — by shadcn - [Skeleton](https://21st.dev/@mynaui/components/skeleton/with-card.md) — by shadcn - [Skeleton](https://21st.dev/@hero_ui/components/skeleton.md) — by Hero Ui - [Skeleton](https://21st.dev/@hero_ui/components/skeleton/animation-types.md) — by Hero Ui - [Skeleton](https://21st.dev/@hero_ui/components/skeleton/single-shimmer.md) — by Hero Ui - [Skeleton](https://21st.dev/@hero_ui/components/skeleton/list-items.md) — by Hero Ui - [Skeleton](https://21st.dev/@hero_ui/components/skeleton/user-profile.md) — by Hero Ui - [Skeleton](https://21st.dev/@hero_ui/components/skeleton/text-content.md) — by Hero Ui - [Lazy Image](https://21st.dev/@sshahaider/components/lazy-image.md) — by Efferd - [Select](https://21st.dev/@shugar/components/select-1/disabled.md) — by tigran tumasov - [The Input](https://21st.dev/@felipemenezes098/components/the-input.md) — by felipemenezes098 - [The Input](https://21st.dev/@felipemenezes098/components/the-input/disabled.md) — by felipemenezes098 - [Avatar](https://21st.dev/@shugar/components/avatar-1/placeholder.md) — by tigran tumasov - [Auto-resizing AI Input](https://21st.dev/@uniquesonu/components/auto-resizing-ai-input.md) — by Sonu - [Skeleton](https://21st.dev/@shugar/components/skeleton.md) — by tigran tumasov - [Skeleton](https://21st.dev/@arihantcodes_1f7b8c4d/components/skeleton/skeleton-card.md) — by Arihant jain - [Skeleton](https://21st.dev/@arihantcodes_1f7b8c4d/components/skeleton.md) — by Arihant jain - [Skeleton](https://21st.dev/@preetsuthar17/components/skeleton.md) — by Preet Suthar - [Skeleton](https://21st.dev/@sean0205/components/skeleton.md) — by Sean Hello - [Skeleton](https://21st.dev/@jshguo/components/interfaces-skeleton/text.md) — by jshguo - [8bit Empty](https://21st.dev/@theorcdev/components/8bit-empty.md) — by OrcDev - [Skeleton Loader](https://21st.dev/@animbits/components/loaders-skeleton.md) — by Animbits - [Skeleton](https://21st.dev/@jshguo/components/interfaces-skeleton/media.md) — by jshguo - [Skeleton](https://21st.dev/@jshguo/components/interfaces-skeleton/avatar.md) — by jshguo - [Skeleton](https://21st.dev/@jshguo/components/interfaces-skeleton/title.md) — by jshguo - [Sidebar Dashboard Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-8.md) — by Cnippet - [Empty Under Maintenance](https://21st.dev/@bundui/components/empty5.md) — by Shadcn UI Kit - [Empty State Card](https://21st.dev/@shadcnui-blocks/components/empty-state-01.md) — by Shadcn UI Blocks - [Ask Nexus Input](https://21st.dev/@nexus-ui/components/ask-nexus-input.md) — by Nexus UI - [Offline Empty State](https://21st.dev/@bundui/components/empty8.md) — by Shadcn UI Kit - [8-bit Skeleton](https://21st.dev/@theorcdev/components/8bit-skeleton.md) — by OrcDev - [404 Empty State](https://21st.dev/@bundui/components/empty7.md) — by Shadcn UI Kit - [Card Skeleton](https://21st.dev/@uiable/components/uiable-skeleton-card.md) — by uiable - [Gallery Grid Skeleton](https://21st.dev/@felipemenezes098/components/skeleton-13.md) — by felipemenezes098 - [Data Table Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-7.md) — by Cnippet - [Form Fields Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-12.md) — by Cnippet - [Sidebar Nav Skeleton](https://21st.dev/@felipemenezes098/components/skeleton-16.md) — by felipemenezes098 - [Form Skeleton](https://21st.dev/@uiable/components/uiable-skeleton-form.md) — by uiable - [Shimmer Skeleton](https://21st.dev/@corr/components/shimmer-skeleton.md) — by Liam Corrigan - [Article Skeleton](https://21st.dev/@felipemenezes098/components/skeleton-14.md) — by felipemenezes098 - [Dashboard Stats Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-4.md) — by Cnippet - [List Skeleton with Icons](https://21st.dev/@shadcnspace/components/skeleton-03.md) — by ShadcnSpace - [Empty State](https://21st.dev/@thegridcn/components/empty-state.md) — by The Gridcn - [Table Skeleton](https://21st.dev/@uiable/components/uiable-skeleton-table.md) — by uiable - [Kanban Board Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-14.md) — by Cnippet - [Reshaped Skeleton](https://21st.dev/@reshaped/components/reshaped-skeleton/composition.md) — by reshaped - [Reshaped Skeleton](https://21st.dev/@reshaped/components/reshaped-skeleton/circular.md) — by reshaped - [Reshaped Skeleton](https://21st.dev/@reshaped/components/reshaped-skeleton/shape.md) — by reshaped - [Reshaped Skeleton](https://21st.dev/@reshaped/components/reshaped-skeleton.md) — by reshaped - [LQIP Image](https://21st.dev/@pulkitxm/components/lqip-image.md) — by Pulkit - [Text Skeleton](https://21st.dev/@uiable/components/uiable-skeleton-text.md) — by uiable - [Email Inbox Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-13.md) — by Cnippet - [Chat Thread Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-9.md) — by Cnippet - [Product Grid Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-11.md) — by Cnippet - [Pricing Card Skeleton](https://21st.dev/@felipemenezes098/components/skeleton-15.md) — by felipemenezes098 - [Settings Page Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-10.md) — by Cnippet Full component directory: https://21st.dev/llms.txt