Peelable Sticker

Description

Bring your designs to life with a realistic Peelable Sticker component for Framer. This interactive element simulates the look and feel of a vinyl sticker being peeled off the page. It responds to hover, click, and lighting, giving your projects an eye-catching, tactile effect that feels dynamic and premium.

With extensive property controls, you can customize the image, peel behavior, shine, and lighting to fit any brand style. Perfect for playful interfaces, product showcases, or portfolio sites that need a touch of depth and motion.

Use Cases

1. Promo Elements – Peel to reveal discounts, codes, or special offers

2. Gamified Interfaces – Interactive challenges or hidden content

3. Onboarding Flows – Highlight key features or steps through playful discovery

4. Call to Action – Drive attention with a peel-to-click experience

5. Interactive Stickers – Add personality and motion to static designs

Features

· Upload your own sticker artwork (PNG with transparent background recommended)

· Adjustable rotation, padding, and scaling for precise control

· Peel interactions on hover and click with configurable intensity

· Custom shadow under the flap for added depth

· Lighting modes: follow cursor or fixed position with adjustable distance

· Fine-tuned shine controls for sticker body and flap (strength, blur, falloff)

· Optional hover light boost for more realism

· Full control of offsets, borders, and fit modes (cover, contain, fill, natural)