React Pollen Background
Minimalist animated pollen background for React and Next.js — tiny 1–2px dust motes drift upward with gentle sway across multiple depth layers for a subtle parallax atmosphere.
React Pollen Background preview
Think of dust suspended in a shaft of afternoon sunlight, or pollen drifting on a still summer breeze — that exact feeling, rendered in about a hundred lines of vanilla canvas. Four hundred sub-pixel motes scatter across a continuous depth field; nearer motes are a touch brighter and faster, far motes fade into the background, and the whole field sways with a slow global wind. Zero dependencies, 60fps on a mid-range laptop, and subtle enough to sit behind hero copy without stealing focus. Perfect for wellness brands, artisan SaaS, portfolio sites, and anywhere the page needs atmosphere instead of spectacle.
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 pollen background into my projectRelated Components
Particles
Mouse-reactive larger particle field
Fireflies
Glowing amber orbs blinking in the dark
Sparkles
Twinkling cross-shaped stars
Bokeh
Large soft blurred light circles
Snow
Falling white snowflakes with drift
Fog
Horizontal mist layers rolling slowly
FAQ
Was this page helpful?
Sign in to leave feedback.
Plasma
Classic demoscene plasma background for React and Next.js — four interfering wave sources drive a cycling vivid palette for a hallucinogenic full-viewport effect.
Portal
Concentric rings receding into a vanishing point — a hypnotic perspective tunnel for React and Next.js with glowing cyan and violet rings, a slow axial twist, and continuous forward travel.