S — Compositor-onlyThe browser runs the whole animation off the main thread.Animates only transform, opacity and filter, so the whole animation runs on the GPU compositor — no main-thread layout or paint.Motion Score tableRuns on the GPU compositorAnimates only transform, opacity and filter — no main-thread layout or paint, so it stays smooth even under load.
Jelly Button
A squishy button that deforms on press and springs back with a jelly wobble — all on the compositor.
Installation
pnpm dlx shadcn@latest add "https://godui.design/r/jelly-button.json"Usage
tsx
import { JellyButton } from "@/components/godui/jelly-button";tsx
<JellyButton variant="primary">Press me</JellyButton>Examples
Sizes
Squash
The squash prop (0–1) sets how hard the button deforms on press. Lower is subtle, higher is bouncier.
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "primary" | "secondary" | "outline" | "primary" | Color scheme |
size | "sm" | "md" | "lg" | "md" | Button padding and text size |
squash | number | 0.6 | How hard the button deforms on press (0–1) |