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/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992048466.png)
![Time Field [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/timefield/default/preview.png)
![Text Field [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/textfield/default/preview.png)
![Calendar [React-Area] — React Aria component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992099506.png)
![Form [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/field/814/preview.png)
![File Trigger [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/file-trigger/895/preview.png)
![Calendar [React-Area] — React Aria component for React & Tailwind by Origin UI](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_originui/calendar-rac/default/preview.1737992261935.png)
![List Box [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/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/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/range-calendar/default/preview.png)
![Tag Group [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/tag-group/891/preview.png)
![Grid List [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/grid-list/default/preview.png)
![Progress [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/progress/default/preview.png)
![Checkbox [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/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/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/numberfield/default/preview.png)
![Date Range Picker [react-aria-components] — React Aria component for React & Tailwind by James Shopland](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=auto/https://cdn.21st.dev/user_jolbol1/date-range-picker/default/preview.png)
