Dreamy Hero Image

Dreamy Hero Image
Dreamy Hero Image

About Dreamy Hero Image

About Dreamy Hero Image

Turn any image or video into a glowing, interactive portal. Dreamy Hero Image is a customizable image effect for Framer that wraps your media in a dreamy, liquid-glass surface with luminous edges, organic distortion, and real-time cursor interaction.

Choose your shape, fine-tune the glass and lighting effects, and transform ordinary visuals into immersive hero sections without writing code.

Features

  • Image & video support: Turn your own media into an interactive visual.

  • Two shapes: Choose an oval or rectangle with adjustable corner radius.

  • Liquid-glass effects: Customize refraction, 3D specular lighting, chromatic split, and luminous edges.

  • Organic distortion: Fine-tune animation speed, blob scale, complexity, and edge softness.

  • Interactive cursor: Control mouse interaction, force, and radius.

  • Customizable lighting: Adjust halo radiance, halo color, and secondary bloom.

  • Real-time controls: Customize the effect directly from Framer's properties panel.

Perfect for

  • AI and SaaS landing pages

  • Interactive hero sections

  • Creative portfolios and studio websites

  • Product showcases and launches

  • Fashion, art, and editorial websites

  • Coming soon pages

Make your visuals feel alive

Dreamy Hero Image combines liquid-glass visuals, interactive image effects, and customizable WebGL distortion in one Framer component. Give your next website a distinctive focal point and turn a simple photo or video into something people remember.

From Brandarnia Agency

Gradient lights back
Numbers Counter Pro

Related Components

Glassmorphism Card
Animated Glow Shape
Shader Flow
Pixel Dither Image