Press-Deform Components
Buttons, cards and chips squash under your finger with volume-preserving stretch, then bounce back with true overshoot.
Squish v2.0 — spring physics included
UI that squishes back.
Jelly buttons, clay cards, chrome frames and glass panels — a tactile toolkit where every press deforms, bounces and feels real.
Trusted by 4,000+ product teams
Features
Components with a physical pulse
Every element in Squish is a material object — it squashes, stretches and springs back.
Spring Motion Engine
Physics-tuned springs on every state change — hover, press, release — with zero JavaScript and zero motion libraries.
Material Theming
Jelly, chrome, clay and glass ship as token presets. Swap the whole mood in one variable layer — dark mode included.
How it works
From install to squish in three steps
No build step, no dependencies — just tokens, springs and materials.
01
Install the tokens
Drop in the variable layer and pick a material preset — clay for cards, glass for overlays.
02
Tune the springs
Dial stiffness and bounce per component with utility classes, previewing the squish live in the browser.
03
Ship the squish
Export a production theme, flip dark mode, and ship an interface people want to poke.
Testimonials
Loved by hands-on teams
Real feedback from products that made the switch to tactile.
"Our onboarding tap-through went up 18%. People just enjoy pressing things now."
Head of Product, Loopform
"The spring physics felt premium on day one — and my team wrote zero motion code."
Design Lead, Pixelbath
"Glass, clay and dark mode out of the box. Our app finally feels touchable."
Founder, Cadence
Pricing
Pick your material
Start free, upgrade when your interface needs more bounce.
Starter
For weekend squishers.
$0/mo
- 12 components
- 1 material preset
- Community support
Pro
For products people touch daily.
$12/mo
- All components
- 4 material presets
- Spring tuning utilities
- Priority support
Studio
For design teams at scale.
$29/mo
- Everything in Pro
- Token export + Figma kit
- Dedicated Slack channel
FAQ
Questions, squished flat
Everything teams ask before their first bounce.
Which browsers does Squish support?
Chrome, Edge, Firefox and Safari (last two versions). Where backdrop-filter is unsupported, glass surfaces fall back to solid panels — every press still deforms and bounces.
Does it respect reduced-motion settings?
Yes. Under prefers-reduced-motion every wobble, squash, float and reveal is disabled, and haptic vibration is never fired. The interface stays fully usable, just calm.
Does it work with my framework?
Squish is framework-agnostic CSS at its core — it drops into React, Vue, Svelte or plain HTML. Only the toast and toggle helpers are vanilla JS, and they are optional.
What's the license?
Starter is free for personal and open-source projects. Pro and Studio cover unlimited commercial products per seat, including the Figma kit and token exports.
Ready to make buttons people press twice?
Join 4,000+ teams shipping tactile interfaces. Starter is free forever.
No spam — unsubscribe anytime. We never share your email.