numbers
Grapheme character counter
A compose field whose counter counts like a real platform: it segments with Intl.Segmenter in grapheme mode (with its own fallback merging zero width joiner sequences, regional indicator pairs and tone modifiers), charges every link a flat length whatever its size, and breaks down live how much each part adds versus the naive length total. Past the limit, a mirror layer aligned behind the textarea paints exactly the overflowing slice.
See it live and copy its promptWhat you can adjust
- Character limit
- Fixed link length
- Accent color
- Overflow color
- Breakdown
- Font size
- Field height
- Animation speed
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
