Skip to content
StyleDrop 03 · 27 Sept 2026Complete kit · 12 assets

Brutalism

Thick ink borders, hard offset shadows, one loud accent and presses that land exactly.

Every asset, standalone

Designed together as one site, then cut apart. Take one, or take the whole kit.

Featured
NewPro

A neo-brutalist first screen: a slab headline beside a pile of hard-shadow cards you can grab and throw. Thrown cards fly off and cut to the bottom; the rest step up. Nothing eases.

heroneo-brutalismbrutalist
NewPro

A reorderable neo-brutalist deck where cards lift onto their shadows, travel in straight lines and land exactly. Drag, shuffle or move with the keyboard; ranks stamp as cards land.

reorderdrag and dropshuffle
New

A neo-brutalist button on a hard 5px shadow: hover lifts it 2px, a press lands it exactly on its shadow. 3px ink everywhere, 100ms linear, no blur.

buttonneo-brutalismbrutalist
New

A neo-brutalist card on a hard shadow: it lifts 2px on hover and lands on the shadow when pressed. A flat drawn motif or a photo, a punched price tag, a sticker badge, 3px ink throughout.

cardneo-brutalismbrutalist
NewPro

Features in an exposed table with A1 coordinates. As each row scrolls in, its cells are stamped on left to right: a black slab wipes across in hard steps, then the cell prints.

featuressectionneo-brutalism
NewPro

A neo-brutalist bar whose menu is a full-screen index that cuts in and out in one frame: huge section rows between 3px rules, a hard inverted selection, links and a feature card beside it.

navigationmega menumenu
New

Weight Slam Text

text effects

Display type whose weight slams instead of easing: letters jump 400 → 650 → 900 in two hard steps, left to right like a row of stamps, and let go in three.

text effectvariable fontfont weight
New

Neo-brutalist form fields in 3px ink: focus presses a field into its shadow, and errors are stamped on as tilted black tags. The browser's own validation, a posting form and a received stamp.

forminputvalidation
NewPro

Neo-brutalist pricing where each price is a label stuck on its card at a tilt. A monthly or yearly switch changes every price in one frame; the featured plan sits higher on a deeper shadow.

pricingpricing tableplans
New

Punch Card Field

backgrounds

A background of 80-column punch cards whose holes spell real text in Hollerith code. Holes are punched in column by column on arrival; point at a column to decode it.

backgroundpunch cardhollerith
New

A neo-brutalist footer under a strip of hazard tape you can grab and throw on its slow 48-second crawl, a sign-up that stamps the tape, and a giant wordmark whose letters press down onto their own ink plates.

footermarqueehazard tape

The site they were cut from

Every asset above, composed as one working site. It ships with the kit.

viberdy.dev/library/neo-brutal-saas-template

Complete kit · Drop 03

The whole Brutalism kit in one command.

npx shadcn@latest add @viberdy/slab-stack-hero @viberdy/card-shuffle-deck @viberdy/pushed-shadow-button @viberdy/offset-shadow-card @viberdy/stamped-feature-grid @viberdy/brutal-mega-menu @viberdy/weight-slam-text @viberdy/black-border-form @viberdy/sticker-pricing-section @viberdy/punch-card-field @viberdy/warning-tape-footer @viberdy/neo-brutal-saas-template

6 Pro and 6 free assets. Pro installs through the @viberdy namespace with your API key, set up once. Set it up