Browse web design examples with HTML and CSS snippets in CodeMyUI’s handpicked inspiration collection.
Buttons.cool
Browse and copy HTML and CSS button examples from this collection of interface design snippets.
About Buttons.cool
Buttons.cool is a curated collection of HTML and CSS button examples, gathered from CodePen. Visitors can browse the buttons, copy the code from the code panel, and paste it into their own projects, or use the collection for visual inspiration.
The site lists buttons that can be filtered by color, shape, and other criteria, and searched by name. The homepage states that the buttons are free to use and open source, with code viewable and forkable on CodePen. Each button shows its creator, and recent additions are listed separately. The homepage gives no pricing details, and the source does not describe any features beyond the button collection.
Key features
- Curated collection of HTML and CSS button examples sourced from CodePen
- Copy code directly from the code panel for each button
- Filter buttons by color, shape, and other criteria
- Search for a specific button by name
- Each button credits its CodePen creator
- Separate list of the most recently added buttons
Best for: Front-end developers and designers who want ready-made button code to copy or visual ideas for interface buttons.
Good for
- The homepage states that the buttons are free to use
- Code can be copied and pasted into a project without setup
- Buttons can be filtered and searched to find specific styles
Buttons.cool at a glance
- Website
- buttons.cool
- Category
- Design & Creative › Design Assets & Inspiration
- Type
- Website
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Language
- English
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
Buttons.cool alternatives
Tools and sites you could use instead, ranked by how closely they match.
Build responsive HTML dashboards with Tabler, a free admin template that includes interface components.
Copy customizable community-made interface elements built with CSS or Tailwind from Uiverse.
Free
24 alternatives
Browse open-source SVG icons for Amazon Web Services products and copy icons into projects with this AWS-specific library.
Browse interface components from design systems in The Component Gallery, a reference for building user interfaces.
Browse CSS patterns, expand examples, and edit their code in the CSS3 Patterns Gallery.
Popular in Design Assets & Inspiration
Well-known listings from the same topic.
Arts and Cultureartsandculture.google.comFigmafigma.comUI Discoveryuidiscovery.comLS Graphicsls.graphicsToools.designtoools.designArtveeartvee.com
Buttons.cool FAQ
Can I use the buttons on my own website?
The homepage states that all buttons on the site are free to use. You can copy the code and use it on your website.
Can I change a button's appearance after copying it?
The homepage states that the buttons are easy to customize, including changes to color, size, and text.
How can I find a specific button?
You can filter the list by color, shape, and other criteria, or search for a button by name.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.