Neubrutalist CSS buttons
Neubrutalist buttons are loud on purpose: flat bright colours, a thick black border and a hard offset shadow with zero blur. They are popular with indie products and portfolios that want to look confident and handmade.
Tips for neubrutalism CSS buttons
Use box-shadow: 4px 4px 0 #000 (no blur) and move the button into its shadow on :active. Square or slightly rounded corners and a heavy font finish the look.
Click any button above to get its CSS and HTML, or open the editor to tune the colours, font, shadows and hover animation and copy your own version.