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
![Calendar [React Day Picker] — Input component for React & Tailwind by Origin UI](https://cdn.21st.dev/user_originui/calendar/default/preview.1737991444744.png)
![Date Field [react-aria-components] — Input component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/datefield/1027/preview.png)
![Date Picker [react-aria-components] — Input component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/date-picker/1045/preview.png)
![Date Range Picker [react-aria-components] — Input component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/date-range-picker/default/preview.png)
![Time Field [react-aria-components] — Input component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/timefield/default/preview.png)
![Search Field [react-aria-components] — Input component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/searchfield/default/preview.png)
![NumberField [react-aria-components] — Input component for React & Tailwind by James Shopland](https://cdn.21st.dev/user_jolbol1/numberfield/default/preview.png)
