21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Website
CSS Buttons
Over 100 free button styles with copy-paste CSS code.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
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
- Over 100 ready-made button styles
- Copy the code in one click
- CSS and Tailwind versions
Cons
- Buttons only
- Style quality varies by contributor
Who should use CSS Buttons
Front-end developers who want quick, attractive button styles.
Who may not need it
People needing a full component library.
CSS Buttons alternatives
Similar resources to CSS Buttons, picked from the directory.
Planes
100+ interactive React components with Tailwind and Motion source for modern interfaces.
FrameworkWorkflowsWebPaid but Affordable
4.3Visit
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
Detail
Where craft lives — a curated reference of small design decisions that shape better interfaces.
WebsiteWorkflowsWebFree
4.5Visit
CSS Toggle Library
36 pure-CSS toggles, switches and checkboxes, free to copy.
WebsiteWorkflowsWebFree
4.7Visit
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkWorkflowsWebFree
4.3Visit
Free alternatives to CSS Buttons
Free resources that cover similar ground.
beUI
Free, open-source animated React components built with Motion and Tailwind CSS.
FrameworkLearningWebFree
4.3Visit
Tween UI
GSAP and CSS animated components for React that you copy and own.
FrameworkWorkflowsWebFree
4.3Visit
Awesome Machine Learning
A curated list of awesome machine learning frameworks, libraries and software.
WebsiteLearningWebFree
4.7Visit
Shortcuts.design
Every keyboard shortcut for designers, centralised and searchable.
WebsitePersonal ProductivityWebFree
4.7Visit
Awesome Harness Engineering
A curated awesome list for AI agent harness engineering: tools, patterns, evals, memory, MCP and orchestration.
WebsiteAI ProductivityWebFree
4.6Visit
Clone Wars
100+ open-source clones of popular sites like Airbnb, Netflix and Spotify.
WebsiteLearningWebFree
4.5Visit
Featured on Best Productivity Resources
Made CSS Buttons? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/css-buttons" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>