I Made 100 CSS Buttons for Your Next Project

Yes. I made 100 unique styles for buttons in CSS. Use them however you like. Theyre for you. Get them all for free

eludadev / css-buttons

100 Modern CSS Buttons, Free And Royalty Free.

Contributions

Currently, there are 100 buttons in this project, but wed love to have more!

• If you have new button ideas, create an Issue.

• If you have ideas on how to fix existing buttons, please create an Issue.

We thank you for your time!

To See Code, Click on One of The Links

Preview	Link	Description
	Basic	CSS Button that slightly changes color on hover or click.
	Slide Right	CSS Button that slides its background to the right on hover or click.
	Slide Down	CSS Button that slides its background to the bottom on hover or click.
	Slide Diagonal	CSS Button that slides its tilted background to the right on hover or click.
	Slide Triangle	CSS Button that slides its triangular pseudo-element background to the right on hover or click.
	Double Horizontal	CSS Button that slides its two pseudo-element bgrounds to the center on hover or

View on GitHub

And theres also a website to explore all of them

And here, I present to you my favorites!

Table of Contents

• The Sliders
• The Geometric
• The Shapeshifters
• The 3D
• The Revealers
• The Hyperactive
• The Fun Borders
• The Progress
• The Icons
• The Neomorphism

The Sliders

The Geometric

The Shapeshifters

The 3D

The Revealers

The Hyperactive

The Fun Borders

The Progress

The Icons

The Neomorphism

I'd love more ideas! If you have some, drop them in the comment section below. And thanks in advance!

EludaFollow

follow me for a free cookie