Text effects

Twinkle highlight text

Bold highlighted text with small four-pointed sparkle stars that continuously pop in and out at random positions around and over the letters.

Featured

Using Twinkle highlight text

Bold highlighted text with small four-pointed sparkle stars that continuously pop in and out at random positions around and over the letters.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: text, sparkleCount, colorOne, colorTwo

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2237Sparkling highlight textText effectsBold display text with a handful of tiny four-pointed stars popping in and out at random spots across the letters, each one growing, spinning briefly, then vanishing to be replaced somewhere else.

1995Marker highlightText effectsA phrase with a marker band that wipes in behind it from left to right when the line first comes into view, leaving the words sitting on a colour block.

2410Reading highlight copyText effectsA paragraph that lights up word by word as you scroll it, leaving read words bright and unread words dim so scroll position doubles as a reading position.

2307Blur in word revealText effectsWords in a sentence resolve from a soft blur into sharp focus one after another as the sentence scrolls into view.

2825Character shuffle revealText effectsEach character rolls through a strip of random glyphs like a slot reel before landing on the real letter, revealed on scroll with hover replay.

2317Cipher reveal textText effectsA label that starts scrambled into random symbols and decrypts into its real text on view, hover, or click.