# Empty State components

> Communicate empty or error states effectively with 11 React empty state components styled with Tailwind CSS for clarity and usability.

64 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/empty-state.

- [Empty State](https://21st.dev/@serafimcloud/components/empty-state.md) — by Serafim
- [Fallback Card](https://21st.dev/@lyanchouss/components/fallback-card.md) — by Liana Pepanyan
- [Empty Testimonial](https://21st.dev/@0xUrvish/components/empty-testimonial.md) — by 0xUrvish
- [Empty](https://21st.dev/@j1zuzz/components/empty/products.md) — by Jesus Lopez
- [State](https://21st.dev/@kavikatiyar/components/state.md) — by Kavi Katiyar
- [Empty](https://21st.dev/@shadcn/components/empty.md) — by shadcn
- [Empty](https://21st.dev/@shadcn/components/empty/avatar-group.md) — by shadcn
- [Empty](https://21st.dev/@shadcn/components/empty/outline.md) — by shadcn
- [Empty](https://21st.dev/@shadcn/components/empty/avatar.md) — by shadcn
- [Empty](https://21st.dev/@shadcn/components/empty/background.md) — by shadcn
- [Spinner](https://21st.dev/@shadcn/components/spinner/empty-spinner.md) — by shadcn
- [EmptyState – Beautiful, Accessible ‘No Data’ States](https://21st.dev/@uniquesonu/components/empty-state-beautiful-accessible-no-data-states.md) — by Sonu
- [Empty State with Marquee](https://21st.dev/@shadcnui-blocks/components/empty-state-04.md) — by Shadcn UI Blocks
- [8bit Empty](https://21st.dev/@theorcdev/components/8bit-empty.md) — by OrcDev
- [Empty](https://21st.dev/@cnippet.dev/components/cnippet-empty/events.md) — by Cnippet
- [Empty](https://21st.dev/@cnippet.dev/components/cnippet-empty/products.md) — by Cnippet
- [Empty](https://21st.dev/@cnippet.dev/components/cnippet-empty.md) — by Cnippet
- [Empty](https://21st.dev/@cnippet.dev/components/cnippet-empty/filters.md) — by Cnippet
- [Empty](https://21st.dev/@cnippet.dev/components/cnippet-empty/bordered.md) — by Cnippet
- [Empty](https://21st.dev/@cnippet.dev/components/cnippet-empty/no-results.md) — by Cnippet
- [Empty State Card](https://21st.dev/@shadcnui-blocks/components/empty-state-01.md) — by Shadcn UI Blocks
- [Empty State with Tabs](https://21st.dev/@shadcnui-blocks/components/empty-state-03.md) — by Shadcn UI Blocks
- [Invoice Empty State](https://21st.dev/@shadcnui-blocks/components/empty-state-02.md) — by Shadcn UI Blocks
- [Avatar Group Empty State](https://21st.dev/@felipemenezes098/components/empty-04.md) — by felipemenezes098
- [Empty State](https://21st.dev/@thegridcn/components/empty-state.md) — by The Gridcn
- [Access Restricted Empty State](https://21st.dev/@cnippet.dev/components/v-empty-15.md) — by Cnippet
- [Empty Background](https://21st.dev/@uiable/components/empty-background.md) — by uiable
- [Error Empty State](https://21st.dev/@7ovr/components/empty-states-4.md) — by 7Ovr
- [Empty Notifications State](https://21st.dev/@7ovr/components/empty-states-1.md) — by 7Ovr
- [Not Found Page 2](https://21st.dev/@sshahaider/components/not-found-page-2.md) — by Efferd
- [Page Not Found](https://21st.dev/@minhxthanh/components/page-not-found.md) — by Le Thanh
- [not found 2](https://21st.dev/@sshahaider/components/not-found-2.md) — by Efferd
- [Not found](https://21st.dev/@nevsky118/components/not-found.md) — by nevsky118
- [ghost 404 page](https://21st.dev/@xubohuah/components/ghost-404-page.md) — by KainXu
- [Skeleton](https://21st.dev/@mynaui/components/skeleton/with-card.md) — by shadcn
- [Empty](https://21st.dev/@j1zuzz/components/empty.md) — by Jesus Lopez
- [Not Found Page](https://21st.dev/@sshahaider/components/not-found-page-1.md) — by Efferd
- [Dropzone](https://21st.dev/@haydenbleasel/components/dropzone.md) — by Hayden Bleasel
- [Combobox](https://21st.dev/@shugar/components/combobox/custom-empty-message.md) — by tigran tumasov
- [404 page not found](https://21st.dev/@shailendrakumar19999/components/404-page-not-found.md) — by Shailendra
- [Skeleton](https://21st.dev/@hero_ui/components/skeleton/text-content.md) — by Hero Ui
- [Agent Chat](https://21st.dev/@serafimcloud/components/agent-chat/empty-centered.md) — by Serafim
- [BeUI 404 / Not Found](https://21st.dev/@saurabh10102/components/be-ui-404-not-found.md) — by Saurabh Chauhan
- [8bit FAQ 3 Searchable](https://21st.dev/@theorcdev/components/8bit-faq3.md) — by OrcDev
- [welcome](https://21st.dev/@j1zuzz/components/welcome.md) — by Jesus Lopez
- [404 page error](https://21st.dev/@waleedkibhen/components/404-page-error.md) — by wisedev
- [ghost 404 page](https://21st.dev/@xubohuah/components/ghost-404-page-1.md) — by KainXu
- [Not Found](https://21st.dev/@molecule-lab-rushil/components/not-found.md) — by Rushil Dhinoja
- [Error 404 Page](https://21st.dev/@itsankitverma/components/error-404-page.md) — by Ankit Verma
- [Animated 404 Page](https://21st.dev/@jahirulislamrayhan07/components/animated-404-page.md) — by Jahirul Islam
- [Not Found](https://21st.dev/@molecule-lab-rushil/components/not-found-1.md) — by Rushil Dhinoja
- [Tag Group](https://21st.dev/@jolbol1/components/tag-group-2/tag-group-empty.md) — by James Shopland
- [Empty Under Maintenance](https://21st.dev/@bundui/components/empty5.md) — by Shadcn UI Kit
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/empty-state.md) — by James Shopland
- [shadcn 404](https://21st.dev/@dhileepkumargm/components/shadcn-404.md) — by Dhileep Kumar GM
- [Loading State Card](https://21st.dev/@cnippet.dev/components/v-spinner-6.md) — by Cnippet
- [Not Found Page](https://21st.dev/@pulkitxm/components/not-found-page.md) — by Pulkit
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/empty-state.md) — by Hero Ui
- [Offline Empty State](https://21st.dev/@bundui/components/empty8.md) — by Shadcn UI Kit
- [404 Empty State](https://21st.dev/@bundui/components/empty7.md) — by Shadcn UI Kit

Full component directory: https://21st.dev/llms.txt
