Section Shape Reveal

Transform ordinary hero sections into immersive, interactive visual experiences.

Section Shape Reveal is a premium Framer component combining two synchronized visual layers, cinematic backgrounds, oversized typography, and buttery-smooth cursor-following effects.

Reveal a second visual world through 10 customizable shapes. The built-in Creative Editor lets visitors experiment with shapes, colors, sizing, and motion directly on your website.

Key Features

Interactive Shape Reveal

• 10 shapes: Circle, Square, Rounded Square, Diamond, Ellipse, Triangle, Hexagon, Octagon, Star, and Squircle.

• Smooth cursor tracking with adjustable size, offset, and motion.

• Synchronized dual-layer reveal with custom accent colors.

Cinematic Backgrounds & Motion

• Fullscreen colors, images, MP4, YouTube, and Vimeo backgrounds.

• Adjustable dark overlay.

• Smooth scroll parallax for backgrounds and typography.

• Customizable animation duration, depth, and easing.

Expressive Typography

• Oversized multiline headlines with accent-colored highlights.

• Independent eyebrow, heading, and footer text for both layers.

• Synchronized content positioning and alignment.

• Custom fonts, colors, sizing, and spacing.

Interactive Creative Editor

• Optional visitor-facing playground.

• Live shape, size, color, and motion customization.

• Adjustable cursor offset and smoothness.

• Collapsible panel with reset functionality.

Responsive & Framer-Ready

• Native Framer property controls.

• Responsive desktop, tablet, and mobile layouts.

• Touch and keyboard support.

• Reduced-motion accessibility.

• Optimized animations. No coding required.

Perfect For

Creative portfolios, fashion brands, photography, agencies, artists, filmmakers, editorial websites, and experimental landing pages.

Use it as a fullscreen hero or an interactive section anywhere on your website.

Two layers. Endless ways to reveal.

Created by WebX, a Bodilum studio.

Support: hello@bodilum.com