This site has been designed and developed especially for junior to mid-level Web, UI, and Software Developers who want a taste of some modern UI button designs that they can use within their projects.
The HTML and CSS is included for each button that can be accessed simply by clicking the buttons that reveal the code that can be copied to your clipboard.
This site has been developed with passion and care to make sure everything works just right. If you like the site, get in touch.
3. Expand Icon:
4. Select Icon:
6. Query Icon:
7. Mobile Icon:
8. Reduce Icon:
How to get the icons to work?
Put this script the in the html head:
Where to put CSS?
Up to you - I put in an external stylesheet called 'buttons.css'.
Where to put the HTML?
Put the HTML within the body tags and remember to use id/class and match to button's css selectors.
Where to put button links?
You can wrap your button html in a href attribute with your chosen url.
Get inspired and watch this guy's video about making some nice neon buttons.