Energy Beam Bg

Background

An energy beam motion background with glowing cyan and magenta beams radiating from a central glow, layered over deep black. Drop it behind any hero, page, card, or modal to add high-energy, sci-fi motion to a flat section. Pairs best with white or light text content layered on top.

Members only

Upgrade to unlock

You are an expert web designer. Build a stunning, production-ready page with
a bold hero section, smooth CSS transitions and a carefully tuned dark palette.
Use a neutral background, generous rounded corners and one electric accent color.
Structure the layout with a sticky header, feature grid, social proof and a final
call to action. Keep typography tight, spacing consistent and motion subtle.

Purchase to reveal the full prompt

Code

framer-motion

Unlock to view the full code

Every prompt, free for members

One payment, every prompt on the site

Every prompt free to download
Unlimited downloads, copy anytime

21st.dev + ReactBits Annual

365 days$69.00

21st.dev + ReactBits Lifetime

Never expires$109.00

Opus Video Annual

365 days$49.00

Opus Video Lifetime

Never expires$89.00

Motionsites Prompts

365 days$39.00

Never expires$69.00

JiroMax + Motionsites Prompts

365 days$109.00

Never expires$149.00

All-Access: every prompt + Brand Components + Opus Video + templates

365 days$179.00

Never expires$269.00

See membership

Energy Beam Bg | MotionSites