Animated Tags
A collection of tags with smooth animations and interactive effects.
Installation
npx smoothui-cli add animated-tagsFeatures
- Smooth tag animations
- Interactive hover effects
- Customizable tag styling
- Built with Framer Motion
- Responsive layout
- Add/remove animations
Accessibility
Reduced Motion
This component respects the prefers-reduced-motion media query via useReducedMotion from Motion. When reduced motion is preferred, tag add/remove slide and blur animations are disabled, and tags appear/disappear instantly.