The Media Reveal component is a feature-rich, animated media container designed for Framer. It allows you to display an image or video with overlay content (title, subtitle, description, and button) that reveals itself when it enters the viewport.
Flexible Media Support: Choose between image or video.
Sophisticated Reveal Animations: A wide variety of entrance effects are available, including curtain, various wipes, slices, circular reveal, pixelated dissolve, blur, and venetian blinds.
Customizable Content Positioning: Place content over the media (using a 3x3 grid) or outside the media container (top, bottom, left, or right).
Content Ordering: Easily reorder elements (subtitle, title, description, button) within the component.
Granular Typography Control: Extendable font controls for the title, subtitle, description, and button, including settings for size, weight, letter spacing, and line height.
Interactive Call-to-Action (CTA): A highly interactive, animated button with customizable styles (filled, outline, ghost), hover states, and link configuration.
Responsive Layout & Styling: Full control over margins, padding, border radius, overlay opacity, and color palettes.
The Media Reveal component is a feature-rich, animated media container designed for Framer. It allows you to display an image or video with overlay content (title, subtitle, description, and button) that reveals itself when it enters the viewport.
Flexible Media Support: Choose between image or video.
Sophisticated Reveal Animations: A wide variety of entrance effects are available, including curtain, various wipes, slices, circular reveal, pixelated dissolve, blur, and venetian blinds.
Customizable Content Positioning: Place content over the media (using a 3x3 grid) or outside the media container (top, bottom, left, or right).
Content Ordering: Easily reorder elements (subtitle, title, description, button) within the component.
Granular Typography Control: Extendable font controls for the title, subtitle, description, and button, including settings for size, weight, letter spacing, and line height.
Interactive Call-to-Action (CTA): A highly interactive, animated button with customizable styles (filled, outline, ghost), hover states, and link configuration.
Responsive Layout & Styling: Full control over margins, padding, border radius, overlay opacity, and color palettes.