bttn.css - Awesome buttons for awesome projects!

What if all web projects had beautiful buttons? 🤗

Its always challenging to design simple, beautiful buttons for any project, especially if you are not much familiar with CSS.

To make it easy to add beautiful buttons to your projects, I have created bttn.css, a small CSS library of beautiful buttons. You can find the complete source code in Github.

Demo: https://bttn.surge.sh

Easy usage

<button class=”bttn-jelly bttn-md”>
 Click me!
</button>

Just add CSS class to HTML button and you are done.

bttn classes

• bttn-simple
• bttn-bordered
• bttn-minimal
• bttn-stretch
• bttn-jelly
• bttn-gradient
• bttn-fill
• bttn-material-circle
• bttn-material-flat
• bttn-pill
• bttn-float
• bttn-unite
• bttn-slant

more soon… 😎

bttn sizes

• bttn-xs
• bttn-sm
• bttn-md
• bttn-lg

bttn sizes

bttn colors

• bttn-default
• bttn-primary
• bttn-warning
• bttn-success
• bttn-danger
• bttn-royal

bttn colors

bttn helper classes

• bttn-block

Please use, share bttn.css and tweet at @ganapativs if there is any issues or feedback.

Thanks for reading! My name is Ganapati V S and I mostly write about cool JS and CSS stuffs. If you liked this, click the 💚 below so other people will see this here on Medium.

Feel free to reach out to me if you have and questions or would like to connect through Twitter, GitHub, LinkedIn or Dribbble.