# Button components

> Upgrade your UI with 250 stylish button components for React, fully compatible with Tailwind CSS and Next.js frameworks.

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

- [Liquid Glass Button](https://21st.dev/@designali-in/components/liquid-glass-button.md) — by Ali Imam
- [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
- [Button](https://21st.dev/@mynaui/components/button/split-button.md) — by shadcn
- [Rainbow Button](https://21st.dev/@dillionverma/components/rainbow-button.md) — by Dillion Verma
- [Interactive Hover Button](https://21st.dev/@dillionverma/components/interactive-hover-button.md) — by Dillion Verma
- [Gradient Button](https://21st.dev/@serafimcloud/components/gradient-button.md) — by Serafim
- [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/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/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/button-with-separate-number.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
- [Neon Button](https://21st.dev/@cybergaz/components/neon-button.md) — by Gaz
- [Shimmer Button](https://21st.dev/@dillionverma/components/shimmer-button.md) — by Dillion Verma
- [Shiny Button](https://21st.dev/@designali-in/components/shiny-button.md) — by Ali Imam
- [Glass Button](https://21st.dev/@easemize/components/glass-button.md) — by Hossain Jahed
- [Button Colorful with Hover Effect](https://21st.dev/@kokonutd/components/button-colorful.md) — by Kokonut Baffier
- [Liquid Metal Button](https://21st.dev/@johuniq/components/liquid-metal-button.md) — by johuniq
- [Get Started Button](https://21st.dev/@ozantekin/components/get-started-button.md) — by SHSF UI
- [Hover Button](https://21st.dev/@serafimcloud/components/hover-button.md) — by Serafim
- [Star button](https://21st.dev/@aghasisahakyan1/components/star-button.md) — by Erik X
- [Shiny Button](https://21st.dev/@dillionverma/components/shiny-button.md) — by Dillion Verma

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