Text-effects
84 components
- A headline whose letters flip in 3D on hover, in a locally chosen direction. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Text 3D Flip
A headline whose letters flip in 3D on hover, in a locally chosen direction.
Magic UIcompiled-cssinteractivemagic-uiMIT - A circular spinning badge around a logo, with a local spin direction. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Spinning Text
A circular spinning badge around a logo, with a local spin direction.
Magic UIcompiled-cssinteractivemagic-uiMIT - A celebration headline with twinkling sparkles in a locally chosen palette. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Sparkles Text
A celebration headline with twinkling sparkles in a locally chosen palette.
Magic UIcompiled-cssinteractivemagic-uiMIT - Two rows of text that drift in opposite directions and speed up as the page scrolls. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Scroll Based Velocity
Two rows of text that drift in opposite directions and speed up as the page scrolls.
Magic UIcompiled-cssinteractivemagic-uiMIT - An attributed Number Ticker with local compiled CSS, count direction, replay and reduced-motion support. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Number Ticker
An attributed Number Ticker with local compiled CSS, count direction, replay and reduced-motion support.
Magic UIcompiled-cssinteractivemagic-uiMIT - A headline that morphs between words with a gooey blur effect. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Morphing Text
A headline that morphs between words with a gooey blur effect.
Magic UIcompiled-cssinteractivemagic-uiMIT - A bold headline word with an animated diagonal line shadow in a locally chosen colour. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Line Shadow Text
A bold headline word with an animated diagonal line shadow in a locally chosen colour.
Magic UIcompiled-cssinteractiveline-shadow-textMIT - A tagline whose letters react with kinetic motion, switching between local phrases. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Kinetic Text
A tagline whose letters react with kinetic motion, switching between local phrases.
Magic UIcompiled-cssinteractivekinetic-textMIT - A scrambling headline that decodes into place on load and again on hover. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Hyper Text
A scrambling headline that decodes into place on load and again on hover.
Magic UIcompiled-csshyper-textinteractiveMIT - Hand-drawn highlights, underlines and circles that sketch themselves onto key phrases. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Highlighter
Hand-drawn highlights, underlines and circles that sketch themselves onto key phrases.
Magic UIcompiled-cssghlighterinteractiveMIT - A headline revealed by a sweeping colour band, replayable. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Dia Text Reveal
A headline revealed by a sweeping colour band, replayable.
Magic UIcompiled-cssdia-text-revealinteractiveMIT - A comic-book style announcement headline whose size changes locally. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Comic Text
A comic-book style announcement headline whose size changes locally.
Magic UIcomic-textcompiled-cssinteractiveMIT - Release highlights that fade in from a blur one after another, replayable on demand. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Blur Fade
Release highlights that fade in from a blur one after another, replayable on demand.
Magic UIblur-fadecompiled-cssinteractiveMIT - A hero headline whose key word shimmers with aurora colours at a locally chosen speed. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Aurora Text
A hero headline whose key word shimmers with aurora colours at a locally chosen speed.
Magic UIaurora-textcompiled-cssinteractiveMIT - Announcement pill with shimmer width choice, pause and reduced-motion controls. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Animated Shiny Text
Announcement pill with shimmer width choice, pause and reduced-motion controls.
Magic UIcompiled-cssinteractivemagic-uiMIT - An attributed Animated Gradient Text example with local compiled CSS, accessible controls and reduced-motion support. Magic UI, Text-effects, 0 votes, MIT licencetext-effects0
Magic UI Animated Gradient Text
An attributed Animated Gradient Text example with local compiled CSS, accessible controls and reduced-motion support.
Magic UIcompiled-cssinteractivemagic-uiMIT - A headline whose last word rotates through local values with daisyUI text rotate. daisyUI, Text-effects, 0 votes, MIT licencetext-effects0
daisyUI Text Rotate
A headline whose last word rotates through local values with daisyUI text rotate.
daisyUIdaisyuiinteractivetext-effectsMIT - Release step cards that zoom in one after another, replayable. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licencetext-effects0
Animate UI Zoom
Release step cards that zoom in one after another, replayable.
Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition - An attributed Typing Text effect with looping phrases, replay, screen-reader text and reduced-motion support. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licencetext-effects0
Animate UI Typing Text
An attributed Typing Text effect with looping phrases, replay, screen-reader text and reduced-motion support.
Animate UIanimate-uianimationinteractiveMIT + Commons Clause License Condition - An attributed Shimmering Text status line with colour, wave, stop, screen-reader text and reduced-motion support. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licencetext-effects0
Animate UI Shimmering Text
An attributed Shimmering Text status line with colour, wave, stop, screen-reader text and reduced-motion support.
Animate UIanimate-uianimationinteractiveMIT + Commons Clause License Condition - A headline split into characters or words that slide in, replayable. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licencetext-effects0
Animate UI Splitting Text
A headline split into characters or words that slide in, replayable.
Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition - A rolling digit counter for a live sign-up total, with padded digits and decimal support. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licencetext-effects0
Animate UI Sliding Number
A rolling digit counter for a live sign-up total, with padded digits and decimal support.
Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition - Release step cards that slide up into place one after another, replayable. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licencetext-effects0
Animate UI Slide
Release step cards that slide up into place one after another, replayable.
Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition - A countdown wheel of numbers that scrolls to a target with a highlighted current value. Animate UI, Text-effects, 0 votes, MIT + Commons Clause License Condition licencetext-effects0
Animate UI Scrolling Number
A countdown wheel of numbers that scrolls to a target with a highlighted current value.
Animate UIanimate-uicompiled-cssinteractiveMIT + Commons Clause License Condition
