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.


