# shadcn/ui components

> Browse the shadcn/ui collection: 43 React components styled with Tailwind CSS, perfect for Next.js app building.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/shadcn.

- [Animated hero](https://21st.dev/@tommyjepsen/components/animated-hero.md) — by Tommy Jepsen
- [Button](https://21st.dev/@serafimcloud/components/button/supabase-button.md) — by shadcn
- [Button](https://21st.dev/@shadcn/components/button.md) — by shadcn
- [Button](https://21st.dev/@mynaui/components/button/button-group.md) — by shadcn
- [Expandable Tabs](https://21st.dev/@victorwelander/components/expandable-tabs.md) — by Victor Welander
- [Hero Section](https://21st.dev/@mikolajdobrucki/components/hero-section.md) — by Mikolaj Dobrucki
- [Button](https://21st.dev/@originui/components/button/open-close-menu-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-badge.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/copy-button-with-tooltip.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/menu-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/user-button-with-username.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-secondary-icon-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-secondary-redirect-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/login-with-colored-buttons.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/group-of-buttons-login-with.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-number.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/loading-button-1.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/login-with-buttons.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/group-of-buttons-login-with-colored.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-animated-arrow.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-dropdown.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/go-back-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/user-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/git-hub-stars-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-highlighted-right-icon.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/loading-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-icon-and-arrow.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-highlighted-icon.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-kbd.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/group-of-buttons-with-icons-and-more-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/show-more-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/add-new-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/upvote-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/destructive-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/rounded-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/group-of-buttons.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/ghost-button-with-icon.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/dark-upvote-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/outline-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-title.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-number-and-secondary-chevron-down-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-icon.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-tooltip.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/add-new-item-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-secondary-chevron-down-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-arrow-down.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/secondary-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/disabled-button.md) — by Origin UI
- [Dialog](https://21st.dev/@originui/components/dialog/onboardin-dialog.md) — by Origin UI
- [Dialog](https://21st.dev/@originui/components/dialog/edit-profile-dialog.md) — by Origin UI
- [Navbar with Dropdowns](https://21st.dev/@shadcnblockscom/components/shadcnblocks-com-navbar1.md) — by Shadcnblocks.com
- [Dialog](https://21st.dev/@originui/components/dialog.md) — by Origin UI
- [Dialog](https://21st.dev/@originui/components/dialog/sign-up-dialog.md) — by Origin UI
- [Dialog](https://21st.dev/@originui/components/dialog/otp-dialog.md) — by Origin UI
- [Dialog](https://21st.dev/@originui/components/dialog/scrollable-sticky-footer.md) — by Origin UI
- [Dialog](https://21st.dev/@originui/components/dialog/newsletter-dialog.md) — by Origin UI
- [Dialog](https://21st.dev/@originui/components/dialog/terms-conditions-dialog.md) — by Origin UI
- [Dialog](https://21st.dev/@originui/components/dialog/feedback-dialog.md) — by Origin UI
- [Dialog](https://21st.dev/@originui/components/dialog/rating-dialog.md) — by Origin UI

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