DocsMorphing Geometry
Morphing Geometry
Interactive geometric entity with fluid corner transitions, continuous rotation, and specular surface styling.
On This Page
Interactive geometric entity with fluid corner transitions, continuous rotation, and specular surface styling.
An interactive geometric entity with fluid corner transitions, continuous ambient rotation, specular surface glare, and customizable color gradient palettes.
| Prop | Type | Default | Description |
|---|---|---|---|
| shape | "squircle" | "circle" | "pill" | "square" | "custom" | "squircle" | Corner curvature profile for geometry morphing. |
| radius | number | string | - | Explicit border radius override (e.g. 24 or '1.5rem'). |
| color | "violet" | "cyan" | "emerald" | "rose" | "amber" | "rainbow" | "mono" | "violet" | Color theme with matching gradients and specular borders. |
| variant | "gradient" | "aurora" | "neon" | "glass" | "outline" | "subtle" | "gradient" | Surface material treatment. |
| spin | boolean | false | Enables continuous 360-degree rotational animation. |
| interactive | boolean | false | Whether clicking smoothly morphs the shape to the next preset. |
| glow | boolean | true | Renders matching ambient box-shadow glow. |