Buttons – 8 Free CSS Button Sets (30+ Styles)

Buttons – 8 Free CSS Button Sets (30+ Styles)

Buttons is a pack of eight button sets — thirty-plus individual styles — each set a single self-contained HTML file with inline CSS. Gradients, pressable 3D, ghost fills, icon buttons, loading states with success morphs, neon glows, neobrutalist shadows, and pixel-correct social sign-in buttons with inline SVG logos.

At a glance

• 8 sets / 30+ styles, one folder each, single index.html per set
• Pure CSS except the loading-state demo (~10 lines of JS)
• Social buttons use inline SVG — no icon fonts, no image requests
• Scoped class names — safe next to Bootstrap’s .btn

How to use

Copy the button markup and its CSS rules — each style is independent. Write-ups on the button templates page; previews on the demo index.

FAQ

Can I use these in commercial projects?

Yes — the pack follows the standard uiCookies license.

Designed & written by Aigars Silkalns

Aigars Silkalns is a Latvian entrepreneur and web developer who founded Colorlib, a hub for distinctive WordPress themes. Trained in technology and design, he began as a freelancer and launched Colorlib in 2013, earning acclaim for user-friendly, modern, responsive themes. A champion of open source, Silkalns shares insights on web trends and entrepreneurship. His mission is to make web design simple and accessible, empowering people worldwide to build professional sites with ease.

XLinkedInMore about uiCookies →