Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA keyword and a text area with every occurrence marked underneath and a live count and density that flags keyword stuffing.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it in a writing tool to show, not tell, how often a target phrase appears. The marked copy makes repetition visible at a glance.
Do not use it when: the text is not written for search, or the keyword is multi-word with variants (use a proper NLP pass).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
defaultText | string | "" | Starting text. |
defaultKeyword | string | "" | Starting keyword. |
max | number | 3 | Density (percent) above which the badge turns red. |
Two labelled fields; the stats badge is a polite live region and the stuffing warning is text, not only colour. Marks are real mark elements, which screen readers announce as highlighted.
The pattern ships with a test (keyword-density-highlighter.test.tsx). It covers whole-word counting, density, the marks and the stuffing flag.