design-infraReport a problem or share feedback← Catalog
Wavy Background
freeaceternity/wavy-background
A cool background effect with waves that move.
$
npx shadcn@latest add @aceternity/wavy-backgroundnpm deps: simplex-noise
- Source
- Aceternity UI
- Kind
- component
- Categories
- background
- Use as
- drop-in — replaces your component
- Applies to
- background
- Motion
- on loop · expressive · canvas · high cost
- Tags
- special
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Kinetic fieldoc/kinetic-field♥ The user explicitly asked to keep Kinetic Field in the homepage examples. Retain its pointer-responsive particle forms and controls.
- Aurora Backgroundaceternity/aurora-backgroundSoft aurora wash for AI/consumer heroes (pairs with soft-glass). Uses its own CSS vars — tune colours to your primary.
- Background Beamsaceternity/background-beamsSubtle animated SVG beams behind a hero. Looks best on near-black backgrounds; keep copy short on top.