About this Component
Drop in any image and watch it flutter on hover!
This interactive poster component for Framer transforms static images into a realistic paper simulation. With real-time physics, dynamic surface lighting, and instant cursor response, it creates a striking visual impact. Perfect for event posters, portfolios, or hero sections that demand attention.
Component Properties
- Image: The component automatically reads your uploaded image's aspect ratio on load, displaying it perfectly without any distortion.
- Motion (Hang): The top remains firmly fixed while the bottom flutters, simulating a poster pinned to a wall.
- Motion (Lift): The bottom edge lifts and flies forward, acting as if caught in a strong breeze.
- Flutter: Fine-tune the wind intensity upon hover (Default: 0.75, Max: 1.0).
- Light: Control the specular sheen. Set to 0 for a realistic matte paper finish, or increase the value for a glossy, coated look.
- Idle Sway: Control the movement when the cursor is inactive. Adding a value keeps the poster gently swaying, creating a continuous, lifelike detail even without interaction.
Use Cases
- High-Impact First Impressions: Transform plain thumbnails or hero banners into captivating interactive elements that instantly grab visitors' attention.
- Creative Showcases: A flawless fit for movie and exhibition promo sites, event landing pages, portfolio covers, and anywhere you need a powerful visual punch.
How to Install
To install the component, please copy and paste the component URL below directly onto your Framer canvas.
About this Component
Drop in any image and watch it flutter on hover!
This interactive poster component for Framer transforms static images into a realistic paper simulation. With real-time physics, dynamic surface lighting, and instant cursor response, it creates a striking visual impact. Perfect for event posters, portfolios, or hero sections that demand attention.
Component Properties
- Image: The component automatically reads your uploaded image's aspect ratio on load, displaying it perfectly without any distortion.
- Motion (Hang): The top remains firmly fixed while the bottom flutters, simulating a poster pinned to a wall.
- Motion (Lift): The bottom edge lifts and flies forward, acting as if caught in a strong breeze.
- Flutter: Fine-tune the wind intensity upon hover (Default: 0.75, Max: 1.0).
- Light: Control the specular sheen. Set to 0 for a realistic matte paper finish, or increase the value for a glossy, coated look.
- Idle Sway: Control the movement when the cursor is inactive. Adding a value keeps the poster gently swaying, creating a continuous, lifelike detail even without interaction.
Use Cases
- High-Impact First Impressions: Transform plain thumbnails or hero banners into captivating interactive elements that instantly grab visitors' attention.
- Creative Showcases: A flawless fit for movie and exhibition promo sites, event landing pages, portfolio covers, and anywhere you need a powerful visual punch.
How to Install
To install the component, please copy and paste the component URL below directly onto your Framer canvas.
mx.bear
