nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Dot grid
    • Grid lines
    • Grain
    • Starfield
    • Gradient shift
    • AuroraPro
    • MeteorsPro
    • Pointer glowPro
    • Light beamsPro
    • WavesPro

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

© 2026 nex-ui. All rights reserved.

Components/Backgrounds

WavesPro

Layered waves rolling at different speeds.

Your content here

Props

Appearance

Applies to this component only and stays saved when you come back.

#ff3347
#b3122a

Install

$npx nex-ui add waves

Usage

import { Waves } from "@/components/nex-ui/waves";

<section className="relative overflow-hidden">
  <Waves />
  <div className="relative">Your content</div>
</section>

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro
PreviousLight beams