Shadcn.io is not affiliated with official shadcn/ui
React Bokeh Background
Dreamy bokeh light effect with soft floating circles creating beautiful depth-of-field ambiance
Soft, luminous circles floating gently across the screen—that beautiful out-of-focus light effect from photography. Large translucent orbs drift slowly, overlapping and blending with varying sizes that create natural depth. Some are large and close, others small and distant. The gentle movement is almost hypnotic. It's elegant, premium, and works beautifully as an ambient background. Perfect for luxury brands, photography portfolios, wedding sites, or anywhere you want that soft, dreamy aesthetic without being distracting.
React Bokeh Background preview
Installation
Related Components
Particles
Floating particle system
Sparkles
Twinkling particles
Gradient
Flowing gradient blobs
Bubble
Floating bubbles
Aurora
Northern lights effect
Light Waves
Ambient wave animation
FAQ
Was this page helpful?
Sign in to leave feedback.