# Status components > Communicate state clearly using 15 status indicator components for React, ideal for dashboards and alerts in Next.js apps. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/status. - [System Status Block](https://21st.dev/@preetsuthar17/components/system-status-block.md) — by Preet Suthar - [Status](https://21st.dev/@haydenbleasel/components/status.md) — by Hayden Bleasel - [Status](https://21st.dev/@haydenbleasel/components/status/custom-styles-status.md) — by Hayden Bleasel - [Status Dot](https://21st.dev/@shugar/components/status-dot.md) — by tigran tumasov - [Status Selector](https://21st.dev/@ln-dev7/components/status-selector.md) — by LN - [Astryx Avatar Status Dot](https://21st.dev/@Astryxdesign/components/astryx-avatar-status-dot.md) — by Astryx - [Bento Grid](https://21st.dev/@kokonutd/components/bento-grid.md) — by Kokonut Baffier - [Table](https://21st.dev/@originui/components/table.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/table-with-sticky-header.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/table-with-images.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/expanding-sub-row-made-with-tan-stack-table.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/basic-data-table-made-with-tan-stack-table.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/draggable-columns-made-with-tan-stack-table-and-dnd-kit.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/resizable-and-sortable-columns-made-with-tan-stack-table.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/pinnable-columns-made-with-tan-stack-table.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/card-table.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/table-with-vertical-lines.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/table-with-row-selection.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/striped-table.md) — by Origin UI - [Table](https://21st.dev/@originui/components/table/table-without-horizontal-dividers.md) — by Origin UI - [Agent Plan](https://21st.dev/@isaiahbjork/components/agent-plan.md) — by Isaiah - [Avatar](https://21st.dev/@originui/components/avatar/avatar-online.md) — by Origin UI - [AI Input With Loading](https://21st.dev/@kokonutd/components/ai-input-with-loading.md) — by Kokonut Baffier - [N8N Workflow Block](https://21st.dev/@moumensoliman/components/n8n-workflow-block-shadcnui.md) — by Moumen Soliman - [Server Management Table](https://21st.dev/@isaiahbjork/components/server-management-table.md) — by Isaiah - [Interactive Logs Table](https://21st.dev/@moumensoliman/components/interactive-logs-table-shadcnui.md) — by Moumen Soliman - [RuixenContributorsTable](https://21st.dev/@ruixen.ui/components/ruixen-contributors-table.md) — by Ruixen UI - [Roadmap Card](https://21st.dev/@beratberkayg/components/roadmap-card.md) — by beratberkay - [User Dropdown](https://21st.dev/@aymanch-03/components/user-dropdown.md) — by Ayman Echakar - [Tooltip](https://21st.dev/@originui/components/tooltip/tooltip-with-stats.md) — by Origin UI - [Modern Timeline](https://21st.dev/@chowlol202/components/modern-timeline.md) — by Caio Bonato - [Select](https://21st.dev/@originui/components/select/status-select.md) — by Origin UI - [Profile Card](https://21st.dev/@beratberkayg/components/profile-card.md) — by beratberkay - [Gantt](https://21st.dev/@haydenbleasel/components/gantt.md) — by Hayden Bleasel - [Project Data Table](https://21st.dev/@ravikatiyar162/components/project-data-table.md) — by Ravi Katiyar - [Badge](https://21st.dev/@sean0205/components/badge-2/with-icon.md) — by Sean Hello - [Badge Delta](https://21st.dev/@serafimcloud/components/badge-delta.md) — by Serafim - [Badge](https://21st.dev/@sean0205/components/badge-2/with-dot.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/outline.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/circle.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/light.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/remove-button.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/as-child.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/disabled.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/square.md) — by Sean Hello - [Workflow Builder Card](https://21st.dev/@ravikatiyar162/components/workflow-builder-card.md) — by Ravi Katiyar - [Leads Data Table](https://21st.dev/@isaiahbjork/components/leads-data-table.md) — by Isaiah - [Badge Delta](https://21st.dev/@serafimcloud/components/badge-delta/complex.md) — by Serafim - [Avatar](https://21st.dev/@sean0205/components/avatar/status.md) — by Sean Hello - [Avatar](https://21st.dev/@sean0205/components/avatar/size.md) — by Sean Hello - [Animated Project Cards](https://21st.dev/@isaiahbjork/components/animated-project-cards.md) — by Isaiah - [Team Invitation](https://21st.dev/@kokonutd/components/team-invitation.md) — by Kokonut Baffier - [API Rate Limiting Card](https://21st.dev/@aghasisahakyan1/components/api-rate-limiting-card.md) — by Erik X - [File Upload Card](https://21st.dev/@ravikatiyar162/components/file-upload-card.md) — by Ravi Katiyar - [Timeline](https://21st.dev/@preetsuthar17/components/timeline.md) — by Preet Suthar - [Stacked List x](https://21st.dev/@0xUrvish/components/stacked-list.md) — by 0xUrvish - [Card](https://21st.dev/@sean0205/components/card/accent.md) — by Sean Hello - [Card](https://21st.dev/@sean0205/components/card.md) — by Sean Hello - [Dot Flow](https://21st.dev/@paceui/components/dot-flow.md) — by Pace UI Full component directory: https://21st.dev/llms.txt