Soft Background

Free

A background component built for Framer. Live preview below — interact with it directly before you buy.

Buy this component — Free Preview Get All-Access instead

If it saves you time, a small tip is always appreciated.Donation

About Soft Background

Soft Background is a fully customizable animated background component for Framer. Smooth, blurred color orbs drift slowly across the canvas, creating a living mesh-gradient effect without any external dependencies. Perfect for landing pages, hero sections, portfolio backgrounds, SaaS dashboards, app loading screens, and any design that needs ambient depth without heavy assets — no images, no external fonts, no dependencies beyond Framer's built-in Motion library.

Features

→10 color presets: Aurora, Blush, Mint, Dusk, Peach, Slate, Midnight, Ember, Forest, Noir
→Custom color mode (base + 3 orb colors)
→Mouse parallax with adjustable strength
→Noise texture overlay with soft-light blending
→Radial vignette effect
→Fill Container mode — drops into any Framer frame at 100% size
→Responsive demo panel with live preset switching, orb count, speed, and FX controls
→Prefers-reduced-motion support for accessibility compliance
→Up to 5 independent animated orbs with unique drift paths
→Controls for blur, opacity, speed, and orb count

Use Cases

→Landing pages
→Hero sections
→Portfolio backgrounds
→SaaS dashboards
→App loading screens

Best value

Get every component with All-Access — $129

Soft Background and all 122 others, current and future.

Get All-Access

More Background

Compare Slider Pro X

Aura Cursor

Confetti Show