> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Stitched Text Draw > Text drawn as thread stitches: a single-stroke display alphabet draws via attribute-driven dashoffset with stitch-tuned dash patterns, seeded angle jitter, needle-hole dots, a leading needle, and a thread-tail overshoot per letter. # Stitched Text Draw Text drawn as thread stitches: a single-stroke display alphabet draws via attribute-driven dashoffset with stitch-tuned dash patterns, seeded angle jitter, needle-hole dots, a leading needle, and a thread-tail overshoot per letter. **Stitched Text Draw** ```html stitched-text-draw.html theme={null} Stitched Text Draw ``` Copy npx hyperframes add stitched-text-draw to the clipboard That writes one file: `compositions/components/stitched-text-draw.html`. ## Paste it into your composition Open `compositions/components/stitched-text-draw.html` and copy what is inside into your own composition. A component has no size or duration of its own. It takes both from the composition you paste it into. ## Variables Every one of these has a default, so the piece works untouched. Set the ones you want to change on the element: | Variable | Default | Accepts | What it does | | - | - | - | - | | `text` | `STITCH` | string | Uppercased A-Z 0-9 and space, clamped to 12 characters. | | `stitch` | `fine` | `fine`, `coarse` | Dash/gap scale, thread width, and jitter amplitude. | | `accent` | `green` | `green`, `blue`, `violet` | Thread color: green rides --brand, blue rides --accent, violet rides --accent-2. | | `exit` | `none` | `none`, `fade`, `up` | Optional departure. Default none: the stitched word holds until the frame cuts. | Set them with `data-variable-values` on the element that mounts it. These are the defaults, so this behaves exactly like the preview above until you change one: ```html wrap theme={null}
``` Tagged `motion-primitive` `experiment` `type` `craft` `stitch` `deterministic`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md) ## Related topics - [VFX Text Cursor](/catalog/blocks/vfx-text-cursor.md) - [Vox Annotate](/catalog/components/vox-annotate.md) - [Strikethrough Replace](/catalog/components/strikethrough-replace.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.