3D Card Effect

A card perspective effect, hover over the card to elevate card elements.

Background Beams With Collision

Exploding beams in the background

Background Lines

A set of svg paths that animate in a wave pattern. Good for hero sections background, as seen on height.app

Aurora Background

A subtle Aurora or Southern Lights background for your website.

Background Beams

Multiple background beams that follow a path of SVG, makes a good hero section background.

Background Gradient Animation

A smooth and elegant background gradient animation that changes the gradient position over time.

Canvas Reveal Effect

A dot background that expands on hover, as seen on Clerk's website

Grid and Dot Backgrounds

A simple grid and dots background to make your sections stand out.

Hero Highlight

A background effect with a text highlight component, perfect for hero sections.

Shooting Stars and Stars Background

A shooting star animation on top of a starry background, as seen on figmaplug.in

Vortex Background

A wavy, swirly, vortex background ideal for CTAs and backgrounds.

Wavy Background

A cool background effect with waves that move.

Wobble Card

A card effect that translates and scales on mousemove, perfect for feature cards.

Background Boxes

A full width background box container that highlights on hover

Background Gradient

An animated gradient that sits at the background of a card, button or anything.