Handwriting Text
A short signature or note that writes itself stroke by stroke from our own single-stroke glyphs, with pen speed, delay and an optional swash flourish.
Preview
Thanks for staying late to get the spring catalogue out the door. The printers said it was the cleanest file they have had all year.
Marguerite ValeMarguerite Vale · Studio lead
Bravo!Note
call the framer before fridayFull set
abcdefghijklm nopqrstuvwxyzInstall
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | a–z, A–Z, 0–9 and . , ! ? ' - &; use \n for a new line. |
| speed | number | 1 | Pen pace multiplier; 2 writes twice as fast. |
| size | number | 40 | Font size in px. |
| weight | number | 2.2 | Stroke width in glyph units (a line is 44 units tall). |
| trigger | "inView" | "mount" | "inView" | Start writing when scrolled into view or right away. |
| delay | number | 0 | Seconds to wait before the first stroke. |
| flourish | boolean | false | Finish with a swash underline, like a signature. |
| onComplete | () => void | — | Called once the last stroke is down (immediately under reduced motion). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.