Reveal Text
Animated React text reveal component with directional entrances, staggered character and word animations, and customizable timing.
Installation
npx smoothui-cli add reveal-textFeatures
- Enter animations from up, down, left, or right
- Character or word stagger options
- Delay and duration controls
- Built with Framer Motion
- Accessible and performant
Accessibility
Reduced Motion
This component respects the prefers-reduced-motion media query via useReducedMotion from Motion. When reduced motion is preferred, the text is displayed immediately at full opacity without any directional slide animation.
Props
Magnetic Button
Animated React magnetic button that follows the cursor with spring physics, configurable strength, and reduced motion support.
Scramble Hover
Animated text scramble effect on hover for React. Creates playful, Matrix-style character animations with customizable speed and duration. Built with Motion.