Marks drawn by hand over copy: highlight, underline, circle, box and strike.
FreeWeb and MobileMotion
Preview
npx shadcn add @fetaui/marker-textPlayground
Marker Textunmarked
Notes that keep up with how fast you think.
Every edit syncs the moment you stop typing, search opens in under a second, and your notes live in a plain folder you own. No accounts, no monthly fee lock-in.
Heading only
Marker Textunmarked
Notes that keep up with how fast you think.
Style
Icons animation
Motion
Installation
Terminal· bash
npx shadcn add @fetaui/marker-text
Accessibility
- Marks are decoration. The copy stays plain text.
Motion
- Marks draw in order, 600 ms each, and Replay runs them again.
- With reduced motion, the marks appear drawn.
Responsive behavior
- Marks wrap with the copy.
Performance
- Marks draw one after another, about 0.72 s each, and then nothing runs.
- Long lists of marks make a long run, so keep it to a few.
Note for AI
Give your coding assistant the Markdown reference instead of screenshots.
- Import MarkerText and the MarkerPart type. Props: heading, body, styleKind, replay, animated.
- Parts are strings or { text, mark }, with mark as highlight, underline, circle, box or strike.
- Marks draw once on mount. replay shows a Replay button after, and it uses Button.
Related
Type WriterComponentTypes words like a person: typos, a selection and a blinking caret.Swoosh TextComponentExtruded letters lit by the pointer.Section HeadingProBlockThe heading every template block opens with: eyebrow, title, subtitle and actions.Glitch TextComponentRed and cyan slices tear a word on hover, or when a status changes.