---
title: "Paper Flutter — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Mx. Bear · Effects. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/paper-flutter"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Paper Flutter

# Paper Flutter

Mx. Bear

[View on Framer](https://framer.com/marketplace/components/paper-flutter/?via=elliot-li)

![Paper Flutter preview image 1](https://framer.elliotli.dev/og/component/paper-flutter/fba1244c9f9dc0ff/1600x1200.jpg)

## Summary

Mx. Bear

## Description

### **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 directly onto your Framer canvas.

### **Important Note**

Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas.

## Rank history [How rankings work →](/terms#rankings)

-   All · #2222

## Details

- **Author**: Mx. Bear
- **Price**: $5.00
- **Published**: 2026-07-14
- **Updated**: 2026-08-13
- **Added**: 2026-07-14
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows