Misc - Text Animation Blocks

A vertical text orientation component that displays a separator or label with adjustable height, designed for layout transitions and visual content organization.

A text-based show more component that provides a clean, interactive way to reveal hidden content or expand text sections with a simple click-to-toggle interface.

A text animation component that cycles through a sequence of elements using a vertical flip transition, blur effects, and a customizable shimmer glow animation built with Framer Motion.

A decorative text container featuring a canvas-style frame with customizable dashed or solid borders, a subtle blur-in entrance animation, and an elegant italicized typography style.

An interactive SVG text component that uses GSAP to create a dynamic radial gradient reveal effect following the mouse cursor, featuring stroke dash animation on load.

A high-performance text animation component that applies a dynamic, multi-colored gradient fill to text using CSS keyframe animations and Framer Motion for smooth, organic movement effects.

A framework-agnostic typewriter effect component featuring multi-segment support, per-segment styling, viewport-triggered animation, looping capabilities, and a customizable blinking cursor.

A high-performance text animation component that applies a continuous, customizable shimmer effect using Framer Motion, CSS background-clip, and dynamic gradient positioning.

A framework-agnostic CSS motion system providing reusable tokens, keyframes, and six brutalist-inspired animation recipes including press, stamp-in, and shake, with built-in support for prefers-reduced-motion.

A React hook that creates a scramble text animation effect, progressively revealing characters with randomized placeholder symbols over a specified duration.

A reusable shimmer effect component that applies a dynamic light-sweep animation to text elements, supporting customizable duration and spread properties for enhanced visual feedback.