Componentes de Text Animations

Componentes de Text Animations listos para copiar: demo en vivo y código fuente. Acceso lifetime en Ui Ux Library.

• LineShadowText — Un titular con una sombra diagonal rayada que se desplaza sin fin, como si la luz recorriera la extrusión de las letras. Da un aire editorial y con relieve a los encabezados. Solo CSS, sin librerías.
• SparklesText — Destellos con forma de estrella parpadean y giran alrededor de un texto, apareciendo y desapareciendo en posiciones dispersas. Las posiciones son deterministas, así que no rompen el render en servidor. Solo React + CSS, sin librerías.
• WarpText — Componente Text Animations clean-room, sin dependencias.
• Odometer — Número tipo odómetro: cada dígito rueda verticalmente al cambiar de valor, como un tablero mecánico. A diferencia de CountUp (que interpola el número), aquí los dígitos giran físicamente.
• MorphText — Palabras de una lista que se funden una en otra con un morphing gooey (blur y contraste). Para titulares rotativos con carácter.
• MarkerHighlight — Subrayado tipo rotulador que se pinta cuando el texto entra en el viewport (IntersectionObserver). Se diferencia de PointerHighlight, que reacciona al puntero: este es scroll-driven.
• LinkUnderline — Cuatro estilos de subrayado animado para enlaces al pasar el ratón (centro, sale, entra, se convierte en fondo), elegibles por prop. Uso práctico en navegación.
• LetterRoll — Al pasar el ratón, cada letra rota y la sustituye una copia con desfase, tipo rolodex por carácter. Clásico de menús premium.
• BreatheText — El texto «respira» oscilando el grosor de la fuente variable en bucle, con desfase por letra. Complementa TextPressure (que reacciona al cursor); este late solo.
• OrbitText — Componente Text Animations clean-room, sin dependencias.
• EchoType — Componente Text Animations clean-room, sin dependencias.
• TextHoverEffect — Componente Text Animations clean-room, sin dependencias.
• TextGenerate — Componente Text Animations clean-room, sin dependencias.
• SquigglyText — Componente Text Animations clean-room, sin dependencias.
• PointerHighlight — Componente Text Animations clean-room, sin dependencias.
• LayoutTextFlip — Componente Text Animations clean-room, sin dependencias.
• ContainerTextFlip — Componente Text Animations clean-room, sin dependencias.
• ColourfulText — Componente Text Animations clean-room, sin dependencias.
• WordCycle — Componente Text Animations clean-room, sin dependencias.
• VariableProximity — Componente Text Animations clean-room, sin dependencias.
• TrueFocus — Componente Text Animations clean-room, sin dependencias.
• TextType — Componente Text Animations clean-room, sin dependencias.
• TextPressure — Componente Text Animations clean-room, sin dependencias.
• TextCursor — Componente Text Animations clean-room, sin dependencias.
• SplitText — Componente Text Animations clean-room, sin dependencias.
• SplitFlap — Componente Text Animations clean-room, sin dependencias.
• Shuffle — Componente Text Animations clean-room, sin dependencias.
• Shimmer — Componente Text Animations clean-room, sin dependencias.
• ScrollVelocity — Componente Text Animations clean-room, sin dependencias.
• ScrollReveal — Componente Text Animations clean-room, sin dependencias.
• ScrollFloat — Componente Text Animations clean-room, sin dependencias.
• ScrambledText — Componente Text Animations clean-room, sin dependencias.
• Glitch — Componente Text Animations clean-room, sin dependencias.
• FuzzyText — Componente Text Animations clean-room, sin dependencias.
• FallingText — Componente Text Animations clean-room, sin dependencias.
• Decode — Componente Text Animations clean-room, sin dependencias.
• CurvedLoop — Componente Text Animations clean-room, sin dependencias.
• CountUp — Componente Text Animations clean-room, sin dependencias.
• CircularText — Componente Text Animations clean-room, sin dependencias.
• BlurText — Componente Text Animations clean-room, sin dependencias.
• AuroraText — Componente Text Animations clean-room, sin dependencias.
• ASCIIText — Componente Text Animations clean-room, sin dependencias.