@animbits

The use-hover-lift hook.

The use-hover-glow hook.

The use-press hook.

The use-fade-in hook.

The use-scale-in hook.

The use-slide-in hook.

The use-pulse hook.

The use-bounce hook.

The use-shimmer hook.

The use-scramble hook.

The use-word-carousel hook.

The use-magnetic hook.

The use-parallax-tilt hook.

The use-stroke-draw hook.

The index hook.

Continuous pulsing animation for icons

One-shot bounce animation for icons with configurable triggers

Continuous bouncing animation for icons

Continuous rotation animation for icons

One-shot wiggle animation (rotate left-right) for icons

One-shot shake animation (horizontal shake) for icons

Continuous heartbeat rhythm animation for icons

Entrance animation with fade effect for icons

Entrance animation with scale effect for icons

One-shot pop effect (scale from 0 to 1) for icons

One-shot 360° rotation animation for icons

SVG path stroke drawing animation for icons

A smooth, scaling dock of reaction emojis with magnification effect

Demo for the Reaction Dock component

Detailed toast notification with slide-in animation, icon, and auto-dismiss progress bar

An interactive card with a spotlight effect.

An animated gradient border effect that travels around a container

Demo for the Border Beam component

Button with press-down effect on tap

Button with glow effect on hover

Button that lifts up on hover

Button with shine sweep effect on hover

Button with fade-in entrance animation

Button with slide-in entrance animation

Button with touch-aware ripple effect on click

Button with cursor-following magnetic attraction effect

Button with animated gradient border

Card that lifts with shadow on hover

Card with glow effect on hover

Card with fade-in animation on mount

Card with scale-in animation on mount

Card that slides in from any direction on mount

Card with 3D flip animation on hover

Card with mouse-tracking tilt effect

Card with 3D parallax tilt effect and depth

Card with background image zoom on hover

Text that fades in word by word or character by character

Text that slides up word by word or character by character

Text with typewriter effect and optional blinking cursor

Text with animated gradient effect

Text that blurs in word by word or character by character

Scroll-driven text reveal with precision blur and spring physics

Text with gradient shimmer sweep animation

Hacker-style text scramble decode animation

Rotating word carousel animation

Text reveals with vertical split effect

SVG path drawing animation that reveals text letter by letter with stroke animation

Circular spinning loader

Bouncing dots loader

Animated height bars loader

Pulsing circle loader

Shimmer skeleton loader for content placeholders

Spinning particles in orbit animation

Organic merging blobs animation

Shape-shifting morphing animation

List with staggered slide-in animation for items

List with staggered fade-in animation for items

An icon that morphs between different states (e.g., play → pause).

A card with grayscale to color transition effect on hover.

A liquid-style progress bar that fills vertically.

Page transition component with fade effect using View Transitions API.

Navigation link component with View Transitions API support.

Page transition component with slide effect using View Transitions API.

A trigger that morphs into a modal with multiple animation styles.

Smoothly expand a card into a detail view with multiple animation styles.

Animated tab navigation with multiple visual styles.

Smoothly rearrange items with multiple animation styles when switching views.

A beautiful text transition that zooms in with a hollow outline effect.

Circular ripple animation for theme toggle using View Transitions API.

Bottom to top slide animation for theme toggle using View Transitions API.

Left to right slide animation for theme toggle using View Transitions API.

Right to left slide animation for theme toggle using View Transitions API.

Top to bottom slide animation for theme toggle using View Transitions API.

A smooth, hand-drawn marker highlight animation for text.

Demo for the Text Highlight component.

A deck of interactive cards with swipe gestures

Demo for the Swipeable Stack component

A physics-based drawer with magnetic snap points

Demo for the Magnetic Drawer component

Interactive card with mouse-tracking spotlight effect

Demo for the Spotlight Card component

Text with a dynamic, animated image mask background.

A stunning, smooth-scrolling 3D carousel inspired by Linear.