React Underwater Background
Serene underwater scene with animated caustic light patterns, light rays, and floating particles
React Underwater Background preview
Sunlight filtering through water, casting those mesmerizing caustic patterns that dance across everything. Gentle light rays stream down from above while tiny particles drift lazily through the scene. The color palette shifts between deep ocean blues and teals. It's peaceful, immersive, and instantly transports you beneath the waves. Perfect for ocean themes, spa websites, meditation apps, marine conservation, or anywhere you want that serene underwater tranquility.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this background for you — no copy-paste, no CLI:
use shadcnio to install the underwater background into my projectRelated Components
Aurora
Northern lights effect
Particles
Floating particle system
Gradient
Flowing gradient blobs
Light Waves
Ambient wave animation
Bokeh
Soft light circles
Bubble
Floating bubbles
FAQ
Was this page helpful?
Sign in to leave feedback.
Tornado
Cinematic tornado funnel background for React and Next.js — hundreds of dust particles spiral around a tall vertical axis, tapering at top and bottom to form a stormy swirling column.
Voronoi
Shifting Voronoi tessellation background for React and Next.js — drifting seed points grow into cells that morph like stained glass, dragonfly eyes, or cracks in dry earth.