Refract — Liquid Glass Hero Website Template

A card that really refracts the film behind it, rainbow fringing and all.

A free, production-ready landing page template. Open the live preview, and if it fits, take the whole React source: it is yours for personal and client work at no cost.

What it includes

• Live SVG refraction, no WebGL
• Per-channel chromatic dispersion
• Untinted full-strength video
• Slide-in fullscreen menu

Best for: Research · Climate · Science

Built with: React · SVG filters · Canvas

Part of a gallery of finished website templates by Tamer Abou Omar, a graphic and web designer in Beirut, Lebanon. See the whole gallery · Website design in Lebanon