Marketing Blocks
Announcements13ASCII ArtNewBackgrounds103Borders32Calls to Action69Clients27Comparisons8Docks27FAQs39Features112Footers53Galleries40GradientsNewHeroes306Hooks26Images123Maps50Marquees16Navigation Menus17Pricing Sections53Scroll Areas38ShadersNewStats & KPIs28Steppers24Team Sections15Testimonials55Texts140Timelines20Videos31
UI Components
Accordions152AI Chats77Alerts80Avatars147Badges132Buttons588Calendars174Cards503Carousels78Charts & Data Viz94Checkboxes116Cursors52Dashboards36Date Pickers56Dialogs / Modals94Dropdowns85Empty States16File Trees30File Uploads9Forms185Globes20Grids & Bento62Icons23Inputs362Links47Lists39Menus107Notifications49Numbers27Onboarding15Paginations53Popovers55Profiles45Progress46Radio Groups70Search Bars56Selects146Sidebars24Sign Ins34Sign ups24Sliders105Spinner Loaders37Tables76Tabs146Tags11Text Areas79Toasts33Toggles83Tooltips81
Components
![Form [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/field/814/preview.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)
![Popover [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/popover/933/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)
![Date Field [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/datefield/1027/preview.png)
![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.1737992048466.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-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/calendar/985/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)
![Search Field [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/searchfield/default/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)
![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)
![Progress [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/progress/default/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)
![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)
![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)
![Checkbox [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/checkbox/913/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)
![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)
![Slider [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/slider/827/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)
