Tactile Maximalism
One oversized headline, one loud accent, grain and squishy spring physics: loud but composed.
Every asset, standalone
Designed together as one site, then cut apart. Take one, or take the whole kit.
Jelly Letter Hero
heroesA first screen whose oversized headline is made of soft bodies: move through the letters and they dent, press one and it squashes with its area kept, drag it and it stretches after you, let go and it wobbles home.
Puffer Quilt Field
backgroundsA background of diamond-quilted puffer you can press: a pillow sinks under your finger while the four around it puff up with the stuffing it lost, then everything springs back, rendered live in WebGL2.
Squash Press Button
componentsA pill that squashes under your finger and pops back: it sinks onto its base where you press, deeper the longer you hold, keeps its area as it squashes, and springs back with one overshoot while its tinted shadows collapse and return.
Wobble Drop Card
componentsA release card that leans toward the pointer on a soft spring while the sticker on its corner follows through, swinging the other way and jiggling to a stop; press it and the card squashes onto its base and pops back.
Sticker Peel Steps
sectionsHow it works as three stickers you peel: pull from a corner and each one curls back around a real fold with its paper liner showing, a shadow growing under the flap; past halfway it comes off and reveals the picture underneath.
Gummy Pile Footer
sectionsA dark footer whose huge wordmark is a pile of gummy letters with weight: grab one and throw it, and it tumbles, bounces off the walls and the other letters, squashes where it lands and settles into a pile.
Squish Letter Heading
text effectsA heading whose letters squash under the pointer and push their neighbours up: each letter keeps its area as it squashes, springs back with one overshoot, and the line ripples behind the pointer before settling to crisp type.
Taffy Pill Nav
componentsA floating pill nav whose bubblegum marker stretches like taffy to the link you choose: long and thin in flight, short and fat as it lands, with the labels turning paper exactly where it covers them.
Fee Squeeze Pricing
sectionsPricing as what you'd pay each month: drag your sales on a slider with a squashy thumb, and every plan's fee springs to its new height as a soft column that stretches thin in flight and squashes as it lands; the cheapest turns bubblegum.
Squish Flip
animationsA list whose items squash and stretch as they move: reorder, filter or add and each item travels to its new place stretched along its path by its speed, squashes as it lands, and settles; new items pop in.
Gummy Type Input
patternsAn email field whose letters drop in and land: each typed letter falls from a little above, stretched as it falls and squashed as it lands, while the real input underneath keeps the caret, selection and autofill.
The site they were cut from
Every asset above, composed as one working site. It ships with the kit.
Complete kit · Drop 12
The whole Tactile Maximalism kit in one command.
npx shadcn@latest add @viberdy/jelly-letter-hero @viberdy/puffer-quilt-field @viberdy/squash-press-button @viberdy/wobble-drop-card @viberdy/sticker-peel-steps @viberdy/gummy-pile-footer @viberdy/squish-letter-heading @viberdy/taffy-pill-nav @viberdy/fee-squeeze-pricing @viberdy/squish-flip @viberdy/gummy-type-input @viberdy/tactile-maximalism-site6 Pro and 6 free assets. Pro installs through the @viberdy namespace with your API key, set up once. Set it up