Skip to content

component

Neobrutalism Button

By Pixel & Bracket

Details

Summary

A bold, animated neobrutalism button.

Description

A striking, high-impact button component that perfectly captures the energy of modern neo-brutalism. Blending raw digital minimalism with a playful, high-contrast vibe, this component features thick solid borders, vibrant fills, and a heavy, hard drop-shadow that gives your UI a distinct, tactile depth. It gives you complete creative control with adjustable border radiuses, flexible padding, and dual-icon support. Complete with dynamic "Pop Up" variants and custom pressed states, it ensures every user interaction feels incredibly responsive and satisfying. It is the perfect choice for projects that need to command attention without sacrificing functionality. Properties Variant: Easily switch between interaction styles (Pop Up, Pop Right, Pop Left) Link: Link to internal and external pages Button Text: Fully customizable label text Typography: Precise control over Font Size and Font Color Padding & Gap: Independent padding controls and gap spacing for pixel-perfect layouts Fill: Swap flat colors instantly to match your brand palette Border & Radius: Adjust border styles and corner rounding (from sharp to smooth) Shadow & Pressed States: Fine-tune shadow colorsIcons: Choice to style and show icons on left or right

Introduction

A bold, animated neobrutalism button.

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400152458/148/228/309/79/15
  • All · #5238