Animotion - CSS Animation Library (70+) Dark/Light Mode

Animotion: Modern, Performant CSS Animation Library (70+ Effects)

Supercharge your website’s user interface with Animotion, a powerful and lightweight collection of over 70+ smooth, high-performance CSS3 animations. Designed for modern web development, Animotion makes adding engaging visual effects incredibly simple – just add a class!

This comprehensive css animation library is perfect for creating eye-catching entrances, subtle attention-seekers, and delightful microinteractions without sacrificing performance. Say goodbye to bulky JavaScript libraries for simple animations!

Key Features:

• HUGE Collection (70+ Animations): A vast selection covering Fades, Slides, Zooms, Bounces, Rotations, Flips (3D), Skews, Blurs, and unique Special Effects like JackInTheBox, LightSpeed, and more. Plenty of css effects to choose from!
• Dark Mode / Light Mode Ready: Includes a sleek, built-in dark/light theme toggle demonstrated in the preview, utilizing modern CSS variables for easy integration or customization.
• High Performance: Built with performance in mind, primarily using CSS transforms and opacity for smooth, hardware-accelerated web animation.
• Easy to Use: Simply add the `animated` class and the specific animation name class (e.g., `fadeInUp`) to any HTML element. It’s that easy! Includes helper classes for speed (`slow`, `faster`, etc.) and iteration (`infinite`).
• Interactive Demo Page Included: The live preview page shown is included to showcase all animations and the theme toggle functionality. Click any box to replay its ui animation!
• Responsive CSS Design: Animations work seamlessly across devices, and the included demo page is fully responsive.
• Lightweight CSS: Keep your projects lean with a focused CSS file containing only the animation keyframes and helper classes.
• Modern Code: Clean, well-commented CSS3 using best practices.

Animation Categories Included:

• Entrances (Fades, Slides, Zooms, Bounces, Flips, Rotations, Skews, Blurs, Specials)
• Attention Seekers (Pulse, Shake, Bounce, Wobble, Flash, Spin, Vibrate, and more!)
• (Exit animations corresponding to many entrances are available via keyframes – e.g., fadeOut, slideOutUp, etc.)

Animotion is the perfect toolkit for web designers and developers looking to add professional css3 animation and enhance user experience with minimal effort. Get stunning results and impress your visitors!