Animations

Fade an element in on mount or when it enters the viewport.

• ✓Viewport-triggered
• ✓Configurable delay/duration
• ✓Y-offset slide-up combined

Slide an element in from any direction (up, down, left, right).

• ✓4 directions
• ✓Configurable distance
• ✓Viewport-triggered

Sequentially animate children with a stagger delay between each.

• ✓Sequential stagger
• ✓Viewport-triggered
• ✓Works with any children

Scale an element up on hover and down slightly on tap/click.

• ✓Hover scale
• ✓Press scale
• ✓Spring physics

Reveal text word-by-word with a clip-path slide animation.

• ✓Word-by-word reveal
• ✓Clip-path animation
• ✓Viewport-triggered

Animate a number from 0 (or any value) up to a target with easing.

• ✓requestAnimationFrame
• ✓Viewport-triggered
• ✓Prefix/suffix

Animate a list of items in sequentially, with enter/exit transitions.

• ✓Generic typing
• ✓AnimatePresence exits
• ✓Configurable direction

Apply a parallax scroll effect to any element based on scroll position.

• ✓useScroll + useTransform
• ✓Element-scoped scroll range
• ✓Reverse option

Animated typing effect that cycles through an array of words.

• ✓Blinking cursor
• ✓Configurable speeds
• ✓Auto-loops

Cycle through words with a 3D flip animation using Framer Motion.

• ✓3D rotateX flip
• ✓AnimatePresence
• ✓Configurable timing

Infinite horizontal scrolling ticker with pause-on-hover support.

• ✓Seamless loop via doubled items
• ✓Fade edge mask
• ✓Pause on hover

Radial spotlight that follows cursor movement over a container.

• ✓Mouse tracking
• ✓Radial gradient
• ✓Configurable size & color

Animated aurora gradient background with flowing color blobs.

• ✓3 animated blobs
• ✓Blur + opacity
• ✓Speed preset

Scroll-progress side beam that traces reading position down the page.

• ✓useScroll + useTransform
• ✓Glowing dot
• ✓Gradient fade tail

Blur-morph text animation that transitions between words.

• ✓Blur + scale morph
• ✓AnimatePresence
• ✓Smooth crossfade

Canvas confetti burst triggered by a button click.

• ✓canvas-confetti library
• ✓Customizable colors
• ✓Respects reduced motion

Reveal content from blur as it enters the viewport.

• ✓useInView trigger
• ✓Configurable blur & delay
• ✓One-shot or repeat

Canvas-based floating dot particles animation.

• ✓Canvas 2D
• ✓Bounce off edges
• ✓ResizeObserver responsive

Animated gradient border wrapper that cycles colors continuously.

• ✓Background-position animation
• ✓Customizable colors
• ✓Dark cutout interior

Words animate up and fade in staggered when entering the viewport.

• ✓Staggered by word
• ✓useInView trigger
• ✓Overflow clip per word