Reveal Hero — Full-Bleed Video Hero Section
Give your homepage an opening moment that makes people stop scrolling. Reveal Hero is a fully responsive, no-code hero section for Framer — combining a full-bleed background video, a floating glass nav bar, and a bold two-tone headline into one polished, ready-to-publish component.
Designed to feel editorial, not templated
A rounded, full-bleed video canvas anchors the page, a pill-shaped nav bar floats above it, and a large right-aligned headline pairs a heavy display typeface with a soft body font for contrast — premium straight out of the box, and fully yours to restyle.
What's included
Full-bleed video or image background — Drop in your own looping video and poster image. Falls back gracefully under reduced motion.
Floating glass nav bar — An elevated pill nav with an animated underline on hover and active state, fully keyboard-accessible.
Two-tone headline — Split your title into three parts so the middle word can carry its own accent color.
Editable copy and CTA — Eyebrow text, body copy, and call-to-action (with link) are all property controls — no code needed.
Responsive by default — Type and spacing scale down at tablet widths. Below 680px, the nav collapses into a built-in animated hamburger menu.
One accent color, applied everywhere — Updates the nav underline, headline accent, and focus outlines together.
Accessible — ARIA labeling, visible focus rings, and automatic video-disable under prefers-reduced-motion.
Fully customizable, zero code editing
Every text field, nav link, accent color, and background asset is controlled from Framer's property panel — just drop it in, swap your media, and adjust copy.
Ideal for
Agencies, studios, wellness and hospitality brands, boutique launches, portfolios, and any homepage that wants a strong, motion-forward first impression.
Reveal Hero — Full-Bleed Video Hero Section
Give your homepage an opening moment that makes people stop scrolling. Reveal Hero is a fully responsive, no-code hero section for Framer — combining a full-bleed background video, a floating glass nav bar, and a bold two-tone headline into one polished, ready-to-publish component.
Designed to feel editorial, not templated
A rounded, full-bleed video canvas anchors the page, a pill-shaped nav bar floats above it, and a large right-aligned headline pairs a heavy display typeface with a soft body font for contrast — premium straight out of the box, and fully yours to restyle.
What's included
Full-bleed video or image background — Drop in your own looping video and poster image. Falls back gracefully under reduced motion.
Floating glass nav bar — An elevated pill nav with an animated underline on hover and active state, fully keyboard-accessible.
Two-tone headline — Split your title into three parts so the middle word can carry its own accent color.
Editable copy and CTA — Eyebrow text, body copy, and call-to-action (with link) are all property controls — no code needed.
Responsive by default — Type and spacing scale down at tablet widths. Below 680px, the nav collapses into a built-in animated hamburger menu.
One accent color, applied everywhere — Updates the nav underline, headline accent, and focus outlines together.
Accessible — ARIA labeling, visible focus rings, and automatic video-disable under prefers-reduced-motion.
Fully customizable, zero code editing
Every text field, nav link, accent color, and background asset is controlled from Framer's property panel — just drop it in, swap your media, and adjust copy.
Ideal for
Agencies, studios, wellness and hospitality brands, boutique launches, portfolios, and any homepage that wants a strong, motion-forward first impression.
Ansh Jswl
