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.
Slab Stack Hero
heroesA 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.
Card Shuffle Deck
animationsA 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.
Pushed Shadow Button
componentsA 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.
Offset Shadow Card
componentsA 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.
Stamped Feature Grid
sectionsFeatures 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.
Brutal Mega Menu
componentsA 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.
Weight Slam Text
text effectsDisplay 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.
Black Border Form
patternsNeo-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.
Sticker Pricing Section
sectionsNeo-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.
Punch Card Field
backgroundsA 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.
Warning Tape Footer
sectionsA 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.
The site they were cut from
Every asset above, composed as one working site. It ships with the kit.
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-template6 Pro and 6 free assets. Pro installs through the @viberdy namespace with your API key, set up once. Set it up