Marketing Blocks
Announcements71ASCII ArtNewBackgrounds365Borders111Calls to Action501Clients17Comparisons31Docks49FAQs191Features318Footers65Galleries272GradientsNewHeroes1152Hooks51Images428Maps51Marquees113Navigation Menus477Pricing Sections216Scroll Areas293ShadersNewStats & KPIs153Steppers124Team Sections119Testimonials161Texts663Timelines74Videos162
UI Components
Accordions234AI Chats248Alerts240Avatars597Badges605Buttons2043Calendars239Cards1780Carousels239Charts & Data Viz246Checkboxes238Cursors152Dashboards400Date Pickers250Dialogs / Modals328Dropdowns506Empty States77File Trees61File Uploads154Forms1522Globes41Grids & Bento620Icons851Inputs949Links354Lists349Menus287Notifications247Numbers54Onboarding53Paginations130Popovers179Profiles270Progress375Radio Groups152Search Bars218Selects316Sidebars95Sign Ins103Sign ups58Sliders217Spinner Loaders480Tables313Tabs239Tags74Text Areas187Toasts79Toggles532Tooltips267
Components
![Calendar [React-Area] — React Aria component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992261935.png)
![Calendar [React-Area] — React Aria component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992099506.png)
![Calendar [React-Area] — React Aria component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992048466.png)
![Date Range Picker [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/date-range-picker/default/preview.png)
![Select [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/select/864/preview.png)
![Switch [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/switch/1023/preview.png)
![Grid List [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/grid-list/default/preview.png)
![Popover [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/popover/933/preview.png)
![Tag Group [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/tag-group/891/preview.png)
![Form [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/field/814/preview.png)
![Date Field [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/datefield/1027/preview.png)
![List Box [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/list-box/default/preview.png)
![Range Calendar [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/range-calendar/default/preview.png)
![Search Field [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/searchfield/default/preview.png)
![Button [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/button/815/preview.png)
![Time Field [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/timefield/default/preview.png)
![Calendar [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/calendar/985/preview.png)
![Progress [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/progress/default/preview.png)
![Table [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/table/default/preview.png)
![Slider [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/slider/827/preview.png)
![File Trigger [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/file-trigger/895/preview.png)
![Link [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/link/1014/preview.png)
![Checkbox [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/checkbox/913/preview.png)
![NumberField [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/numberfield/default/preview.png)
![Tabs [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/tabs/default/preview.png)
![Text Field [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/textfield/default/preview.png)
