Typer

A character-by-character reveal where each glyph ripples through randomized pill, accent, and outline states before settling into plain text. Adjacent same-state chars merge into rounded bars, and it's themed entirely through CSS variables.

Library

Sora UI

Framework

React

Type

ui

License

MIT + Commons Clause (partes)

Files

• apps/www/registry/primitives/texts/typer/index.tsx
• packages/ui/src/lib/utils.ts

Source

https://github.com/SoraLabsOSS/ui

More from Sora UI

• Accordion
• Base Accordion
• Base Alert Dialog
• Base Button
• Base Checkbox
• Base Context Menu
• Base Dialog
• Base Dropdown Menu
• Input
• Base Switch
• Base Tooltip
• Cursor Bubble