✨ Animotion – Lightweight CSS Animation Library (70+ Effects) | Modern Animate.css Alternative with

Welcome to Animotion v2.0 (2026 Major Upgrade)

Animotion is a lightweight, high-performance collection of 74+ GPU-accelerated 3D spatial transforms and pure CSS animations built for modern websites, SaaS dashboards, and landing pages.

Built with 100% Native CSS3 — requiring ZERO JavaScript dependencies. Get buttery-smooth 60 FPS spatial perspective without loading heavy 2MB libraries like Three.js or GSAP that destroy your Google Lighthouse score.

What’s Inside (74+ Production Effects):

• 12×3D Spatial Transforms: Somersault 3D Flip (X & Y axis), Isometric Cube Turn (Left, Right, Up, Down), Dual-Axis Spatial Perspective Tilt, Depth Push & Pull (Z-Space Extrude).
• 14x Entrances & Reveals: 3D Fade-In (Down, Up, Left, Right), Elastic Spring Bounce, Origami Brochure 3D Unfold, Vortex Dimensional Portal, Heavy Drop & Floor Shockwave.
• 12x Exits & Dismissals: 3D Fade-Out, Bounce Dissolve, Zoom Out Abyss, Black Hole Vortex Out, Cube Exit Fold, 3D Wall Sign Fall-off.
• 12x Attention & Motion Effects: Volumetric 3D Pulse, Biometric Neon Heartbeat, Rubber Band Elastic, 3D Pendulum Swing, Tada Fanfare, Zero-Gravity Levitation Float.
• 12x Cyber, Glow & Glassmorphism: Hyper-Speed Neon Border Beam, Holographic Cyber Foil Sheen, Frosted Glass 3D Specular Refraction, Magnetic Light Shimmer, Cyberpunk Glitch.
• 12x Card & Button Micro-Interactions: Tactile Mechanical Press, Smooth Elevation Lift, Dynamic Gradient Border Trace, 3D Corner Page Curl, Glance Peek.

Key Features & Benefits:

• 0kb JavaScript Overhead: 100% pure CSS keyframes running on GPU hardware acceleration.
• 60 FPS Silky Smooth: Tuned cubic-bezier easing curves tested for ultra-smooth rendering.
• Framework Agnostic: Works out-of-the-box with HTML5, WordPress, Elementor, Tailwind CSS, Next.js, React, Webflow, and Shopify.
• Drop-in Simple: Just link style.css and add the class to your target element.
• Modular & Minified: Under 10 KB total file size — zero impact on page load speed.

Cross-Browser Compatibility (2026 Ready):

Fully tested and optimized across all modern browsers:
✔ Google Chrome (Latest)
✔ Mozilla Firefox (Latest)
✔ Apple Safari & iOS Safari (Latest)
✔ Microsoft Edge (Latest)
✔ Opera & Android WebKit

What You Get in the Download:

• index.html — Interactive live showcase demo with 74 playable cards.
• Includes/css/style.css — Full production stylesheet with all 74 animations.
• Includes/js/script.js — Helper triggering and clipboard utility script.
• Documentation/ — Step-by-step user guide and full changelog.
• Free lifetime updates and customer support.

Changelog: