ShadcnHub
Pro
Home/Components/layout/Animated Blur Text

Animated Blur Text

Medium

Animated text component that reveals words with a blur effect.

animation
text
hero
landing

Component Preview

1200px

Build beautiful interfaces with ease

Modern, accessible components for your next React application

Usage Guidelines

Best Practices

  • Use semantic HTML elements for accessibility
  • Include proper ARIA labels when needed
  • Test with keyboard navigation
  • Ensure sufficient color contrast

Technical Details

  • Built with shadcn/ui and Tailwind CSS
  • TypeScript support included
  • Responsive design by default
  • Dark mode compatible