Effects

Liquid glass, backgrounds, and text, number and cursor effects

Glass

• Glass Lens — Glass lens with real refraction (Pro)
• Morphing Capsule — Capsule that flows between states (Pro)
• Floating Tab Bar — Floating glass tab bar (Pro)

Backgrounds

• Aurora Background — Slow aurora behind your content (Pro)
• Gradient Background — Slowly shifting gradient (Pro)
• Bubble Background — Soft colored bubbles, one follows the cursor (Pro)
• Stars Background — Starry sky with cursor parallax (Pro)
• Hexagon Background — Hexagon grid with a glowing trail (Pro)
• Hole Background — Portal tunnel with rings and particles (Pro)
• Fireworks Background — Fireworks for wins and achievements, launch on click (Pro)
• Spotlight — Stage beams and a cursor spotlight (Pro)
• Meteors — Falling meteors (Pro)
• Background Pattern — Fading dot, grid and line backgrounds (Pro)
• Particles — Particle field that reacts to the cursor (Pro)

Borders, text and numbers

• Animated Border — Light beam running around a border (Pro)
• Shimmer Text — Shine sweeping across text (Pro)
• Text Reveal — Word-by-word reveal and typewriter text (Pro)
• Number Ticker — Animated counter with Intl formatting (Pro)
• Marquee — Endless scrolling row of logos and testimonials (Pro)

Cursor and press feedback

• Cursor Glow — Glow and tilt that follow the cursor (Pro)
• Magnetic — Magnetic pull toward the cursor (Pro)
• Tilt Card — 3D tilt with glare and parallax (Pro)
• Ripple — Material-style press ripple (Pro)
• Confetti — Confetti: a component and fireConfetti() (Pro)

Other categories

Basics · Navigation and layout · Overlays and notifications · Forms and input · Data and metrics · Charts and analytics · Work and teams · Account and access · AI chat and agents · Image generation · Developer tools · Landing pages and brand · Shop and payments · Content and social · Games · Animated components · 3D and motion