21st
Focus: react, components and shadcn. Shares tailwind and ui with CSS Buttons. Freemium (CSS Buttons: Free). Rated 4.7 (CSS Buttons: 4.3).
WebsiteFree planWeb
4.7Visit
Website
CSS Buttons
Over 100 free button styles with copy-paste CSS code.
Rating
4.3 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is CSS Buttons?
CSS Buttons is a collection of more than 100 button designs, contributed by developers, with the CSS or Tailwind code ready to copy into your web projects.
Pros: what CSS Buttons does well
- Over 100 ready-made button styles
- Copy the code in one click
- CSS and Tailwind versions
Cons: where it falls short
- Buttons only
- Style quality varies by contributor
Who CSS Buttons is for
Front-end developers who want quick, attractive button styles.
Who can skip it
People needing a full component library.
CSS Buttons alternatives
Not sold on CSS Buttons? These do a similar job, and each card says what it has in common.
Planes
Focus: react, components and motion. Shares tailwind and ui with CSS Buttons. A framework, not a website. Paid but Affordable (CSS Buttons: Free). Same 4.3 rating.
FrameworkPaid but AffordableWeb
4.3Visit
Rare UI
Focus: react, components and open source. Shares tailwind with CSS Buttons. Rated 4.6 (CSS Buttons: 4.3).
WebsiteFreeWeb
4.6Visit
Detail
Focus: design, interaction design and inspiration. Shares ui with CSS Buttons. Rated 4.5 (CSS Buttons: 4.3).
WebsiteFreeWeb
4.5Visit
CSS Toggle Library
Focus: toggles, switches and checkboxes. Shares css and ui with CSS Buttons. Rated 4.7 (CSS Buttons: 4.3).
WebsiteFreeWeb
4.7Visit
Layoutit Grid
Focus: css grid, layout and generator. Shares front-end with CSS Buttons. A web app, not a website. Rated 4.6 (CSS Buttons: 4.3).
Web AppFreeWeb
4.6Visit
Free alternatives to CSS Buttons
Want to spend nothing? These free picks cover similar ground.
Uiverse
Focus: ui elements, tailwind css and open source. Shares css and buttons with CSS Buttons. Rated 4.6 (CSS Buttons: 4.3).
WebsiteFreeWeb
4.6Visit
Wakamai Fondue
Focus: fonts, opentype and typography. Shares css with CSS Buttons. A web app, not a website. Rated 4.6 (CSS Buttons: 4.3).
Web AppFreeWeb
4.6Visit
css.gg
Focus: icons and svg. Shares css and ui with CSS Buttons. Rated 4.5 (CSS Buttons: 4.3).
WebsiteFreeWeb
4.5Visit
audiocn
Focus: audio, react and shadcn. Shares ui with CSS Buttons. A framework, not a website. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
beUI
Focus: react, animated components and motion. Shares tailwind with CSS Buttons. A framework, not a website. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Tween UI
Focus: gsap, animation and react. Shares tailwind with CSS Buttons. A framework, not a website. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Are you the maker of CSS Buttons?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.