Animation Catalog

A collection of 40 unique animated visual elements implemented using only HTML, CSS, and vanilla JavaScript.

Animation Combinations

View All

Explore complex animations that combine multiple techniques to create more engaging visual effects.

Explore Combinations

Individual Animations

Particle Constellation

Liquid Button

Text Scrambler

Parallax Depth Cards

Breathing Background

Magnetic Elements

Confetti Explosion

Typing Text Effect

Morphing SVG Shapes

Audio Visualizer Bars

Glitch Text Effect

Elastic Line Connection

Spotlight Cursor

Floating Elements

Ink Spread Effect

Perspective Tilt Cards

Ripple Button Effect

Neon Sign Flicker

Rain Drop Effect

Shimmering Gradient Wave

Animated Gradient Border

Typewriter Text Deletion

Animated Checkbox

Expanding Search Bar

Animated Hamburger Menu

Bouncing Loader

Animated Progress Bar

Animated Number Counter

Animated Background Patterns

Animated Card Flip

Animated Timeline

Animated Tooltip

Animated Notification Badge

Animated Image Comparison Slider

Animated Scroll Indicator

Animated Text Highlight

Animated Cursor Trail

Animated Radial Menu

Animated Accordion

Animated Signature Drawing