PaperTearTransition

A WebGL section divider for Framer that tears the top section along a ragged edge and curls the strip away on scroll, revealing the next section underneath.

Customizable Properties

1. From

   • Color

   • Image

2. To

   • Color

   • Image

3. Tear

   • Position (5–95%)

   • Angle (-25–25°)

   • Roughness (0–80)

   • Wavelength (30–400)

   • Fibers (0–100)

   • Seed (1–99)

4. Paper

   • Direction: Right to Left / Left to Right

   • Curl (16–220)

   • Lift (0–100)

   • Skew (-45–45°)

   • Back Color

   • Edge Color

   • Edge Width (0–24px)

   • Paper Layer (0–80)

   • See-through (0–100%)

   • Tear Texture

   • Grain

   • Shadow

5. Motion

   • Trigger: Scroll / In View / Manual

   • Start

   • End

   • Smoothing

   • Duration

   • Mouse Sway

   • Progress

Have Questions?

hello@thedesignfuturist.zip

More Freemium Resources

https://thedesignfuturist.zip