Type Garden
Type into a canvas and watch stems, leaves and roses grow through each letter. Space cuts the vines, Backspace withers the last letter, and Enter clears the garden. The source's ten palettes remain; its poster editor, mode switch, copy and export controls are removed.
npx shadcn@latest add @compronents/type-gardenInstalls from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.
Checking access…
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Class on the full-size scene container. Its parent needs a height. |
| style | CSSProperties | — | Additional styles for the scene container. |
| title | string | "Type Garden" | Accessible frame title. |
None.