Skip to content
StyleDrop 12 · 28 Sept 2026Complete kit · 12 assets

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.

Featured
NewPro

A 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.

herosoft bodyjelly
NewPro

A 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.

backgroundwebglshader
New

A 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.

buttonsquash and stretchspring
New

A 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.

cardproduct cardsticker
NewPro

How 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.

sectionhow it workssteps
NewPro

A 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.

footerphysicssoft body
New

A 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.

text effectheadinghover
New

Taffy Pill Nav

components

A 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.

navigationnavbarindicator
NewPro

Pricing 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.

pricingsectionslider
New

Squish Flip

animations

A 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.

animationfliplayout animation
New

An 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.

inputemailform

The site they were cut from

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

viberdy.dev/library/tactile-maximalism-site

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-site

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