HTML Buttons is an open source toolkit for adding buttons to any website. Made with pure HTML and CSS, it's fast, lean and simple to use.
Add icons to your buttons in one click or by adding simple CSS classes.
Icon SVGs are embedded in the CSS making them extremely fast without dependency.
Place your icons before or after the button's text. Icons adopt the font color value.
Web projects often call for buttons of different sizes, alignments and content. Designing all the variants takes time.
Use HTML Buttons to create button styles that you can implement consistently through your project. It's easy to choose a different button size, alignment, icon or html tag and the button's design style never breaks.
We've designed a palette of button styles that you can use, free, on any web project including commercial.
Sometimes buttons are <a> tags, sometimes <buttons>. HTML Buttons supports the use of buttons as anchor, button, checkbox and radio input HTML tags.
Use anchor tag buttons for links.
Clicking the label button checks the checkbox. The checkbox can be used as a checkbox or hidden and used with the ::checked pseudo-element.
Create label buttons that select radio inputs. The radio inputs can be used as radio inputs or hidden and used with the ::checked pseudo-element.
Toggle icons use a <label> and checkbox with the ::checked pseudo-element to toggle the icon on or off.
For more help with implementation check out the docs.