# Text effects

> Animated and stylised typography.

- [Fisheye Type](https://www.assembli.design/components/fisheye-type.md): Headline letters that stretch tall like a dock magnifying its icons: each glyph springs up and brightens as your cursor or finger passes, with neighbours following in a smooth bell curve. When nobody is hovering, a wave sweeps through on its own. Pure transforms, so layout never shifts.
- [Lyrics Sync](https://www.assembli.design/components/lyrics-sync.md): Karaoke-style synced lyrics: the active line glides to centre, fills word by word as time passes, and neighbours fade and blur with distance. Click a line or drag the scrubber to seek.
- [Cylinder Words](https://www.assembli.design/components/cylinder-words.md): Rotating headline word printed around a real 3D drum that clicks forward one face at a time with a slot-reel overshoot. Neighbouring faces curve away above and below, the inline width locks to the longest word, hover pauses it, and the current word is announced to screen readers.
- [Flashlight Text](https://www.assembli.design/components/flashlight-text.md): A headline written in near-invisible ink that a roving beam of colour reveals. It follows the pointer on a spring and drifts on its own in a Lissajous path when idle, so it also works on touch screens. Reduced motion shows the full gradient.
- [Paper Fold Text](https://www.assembli.design/components/paper-fold-text.md): Headline cut into horizontal panels and folded like a paper map with alternating creases. It springs open the first time it scrolls into view and creases again on hover, with panels shaded by the angle they face. Works for any block of text; the real text stays in the DOM for layout and screen readers.
- [Roll Text](https://www.assembli.design/components/roll-text.md): Letters roll up and out and a duplicate rolls in behind them, staggered left to right, whenever the parent is hovered or focused. Pure CSS transitions, works for links, nav and buttons.
- [Weight Wave Text](https://www.assembli.design/components/weight-wave-text.md): Headline whose variable-font weight swells under the cursor. Letters nearest the pointer go heavy and the weight falls off smoothly with distance, so a wave of boldness follows your mouse.
- [Blur In Text](https://www.assembli.design/components/blur-in-text.md): Headline that resolves out of a blur word by word or letter by letter as it enters the viewport. Words never break mid-character; replays optionally.
- [Kinetic Headline](https://www.assembli.design/components/kinetic-headline.md): Headline whose words rise into view from behind per-word masks with a springy tumble, staggered when scrolled into view; chosen accent words switch to serif italic. Screen readers get the plain text.
- [Scramble Text](https://www.assembli.design/components/scramble-text.md): Text that decodes from glyph noise, locking characters in left to right when it scrolls into view and replaying on hover, while assistive tech reads the real string.
- [Scroll Reveal Text](https://www.assembli.design/components/scroll-reveal-text.md): Statement paragraph that reads itself as you scroll: each word brightens from a faint ghost to full ink in order, tied directly to scroll position so it rewinds when you scroll back.
- [Shimmer Text](https://www.assembli.design/components/shimmer-text.md): Text with a band of light sweeping through it: the 'thinking…' treatment for AI status lines, loading labels and launch eyebrows. CSS only, custom base and highlight colors.
- [Marker Highlights](https://www.assembli.design/components/marker-highlights.md): Inline hand-drawn emphasis for copy: highlighter swipes, squiggly underlines, loose circles, strikes and boxes that draw themselves when scrolled into view. Wraps across lines and respects reduced motion.
- [Rotating Words](https://www.assembli.design/components/rotating-words.md): Inline word that cycles through a list, sliding up out of a blur on a spring while its slot resizes to fit the next word. Style the word with any class (gradients work); screen readers hear one stable word.

Back to [all components](https://www.assembli.design/components.md).