# Tailwind components

> Explore 3 versatile React components built with Tailwind CSS, offering flexible styles and utility-first design for your projects.

35 components available. Showing all of them below.

- [Tabs](https://21st.dev/@originui/components/tabs/file-tabs.md) — by Origin UI
- [Tabs](https://21st.dev/@originui/components/tabs/with-vertical-trigger-and-badge.md) — by Origin UI
- [Tabs](https://21st.dev/@originui/components/tabs/default-2.md) — by Origin UI
- [Curtain Theme Toggle](https://21st.dev/@fatih-developer/components/curtain-theme-toggle.md) — by Fatih
- [Animated Generate Button (shadcn + Tailwind)](https://21st.dev/@moazamtrade/components/animated-generate-button-shadcn-tailwind.md) — by shadway
- [Animated Gradient Text](https://21st.dev/@dillionverma/components/animated-gradient-text.md) — by Dillion Verma
- [Flow Hover Button](https://21st.dev/@vaib215/components/flow-hover-button.md) — by Vaibhav Kumar Singh
- [Tailwind CSS Background Snippet](https://21st.dev/@ibelick/components/tailwind-css-background-snippet.md) — by Julien Thibeaut
- [Stacking Navbar](https://21st.dev/@chetanverma16/components/stacking-navbar.md) — by Chetan Verma
- [FAQ Sections](https://21st.dev/@prebuiltui/components/faq-sections/clean-faq-section-with-filled-bg.md) — by prebuiltui
- [FAQ Sections](https://21st.dev/@prebuiltui/components/faq-sections/clean-faq-section-with-gradient.md) — by prebuiltui
- [Animated Tiles](https://21st.dev/@designali-in/components/animated-tiles.md) — by Ali Imam
- [Toggle](https://21st.dev/@Edil-ozi/components/toggle.md) — by Edil Ozi
- [Switch](https://21st.dev/@chetanverma16/components/switch.md) — by Chetan Verma
- [useScreenSize](https://21st.dev/@danielpetho/components/use-screen-size.md) — by Daniel Petho
- [Animated Shadcn Button](https://21st.dev/@bundui/components/button.md) — by Shadcn UI Kit
- [Tabs Component](https://21st.dev/@anubra266/components/tabs-component/vertical-tabs-underline.md) — by Abraham
- [Calendar](https://21st.dev/@chetanverma16/components/calendar.md) — by Chetan Verma
- [Button Ui](https://21st.dev/@prebuiltui/components/button-ui/action-buttons.md) — by prebuiltui
- [Button Ui](https://21st.dev/@prebuiltui/components/button-ui/flat-edge-buttons.md) — by prebuiltui
- [Button Ui](https://21st.dev/@prebuiltui/components/button-ui/compact-message-buttons.md) — by prebuiltui
- [Light theme Tailwind CSS Background Snippet](https://21st.dev/@ibelick/components/light-theme-tailwind-css-background-snippet.md) — by Julien Thibeaut
- [HeroUI Alert](https://21st.dev/@hero_ui/components/heroui-alert.md) — by Hero Ui
- [HeroUI Alert](https://21st.dev/@hero_ui/components/heroui-alert/custom-styles.md) — by Hero Ui
- [LoaderGrid](https://21st.dev/@ruhith369/components/loader-grid.md) — by ruhith
- [BarLoader](https://21st.dev/@ruhith369/components/bar-loader.md) — by ruhith
- [Spider-Verse Glitch Button](https://21st.dev/@muhammad-binsalman/components/spider-verse-glitch-button.md) — by M.bin Salman
- [404 page error](https://21st.dev/@waleedkibhen/components/404-page-error.md) — by wisedev
- [Pagination](https://21st.dev/@reuno-ui/components/pagination/pagination-square-outlined.md) — by reuno-ui
- [Badge](https://21st.dev/@micka_design/components/badge-fluid-functionalism/sizes.md) — by micka_design
- [Tabs](https://21st.dev/@reuno-ui/components/tabs-2/select-tab-with-border-indicator.md) — by reuno-ui
- [Neon Button Counter](https://21st.dev/@muhammad-binsalman/components/neon-button-counter.md) — by M.bin Salman
- [Checkbox](https://21st.dev/@prebuiltui/components/checkbox-1/dot-checkbox.md) — by prebuiltui
- [Surface](https://21st.dev/@hero_ui/components/heroui-surface/transparent.md) — by Hero Ui
- [Surface](https://21st.dev/@hero_ui/components/heroui-surface/secondary.md) — by Hero Ui

Full component directory: https://21st.dev/llms.txt