Skip to content

StickerPop

Hover to reveal.Bouncy sticker animation

StickerPop preview image 1

Summary

StickerPop adds a playful hover-reveal sticker effect to any Framer page.

Description

StickerPop adds a playful hover-reveal sticker effect to any Framer page. Place it anywhere, drop in your own PNG, and watch it spring to life when users hover over it.

What it does:

  • Invisible by default — sticker pops in with a bouncy spring animation on hover

  • Automatically disappears after a set duration

  • Works with any PNG image with a transparent background

Fully customizable:

  • 🖼 Image — drop in any PNG sticker

  • 🔄 Rotation — tilt the sticker any angle

  • 📐 Scale — control the size

  • ⏱ Duration — how long it stays visible

  • ⬜ Border — white sticker border thickness

  • 🌑 Shadow — drop shadow intensity

Perfect for: hero sections, portfolio pages, app landing pages, personal sites, and anywhere you want a moment of delight.

How to use:

  1. Add the component to your Framer page

  2. Set a fixed width and height (200×200 recommended)

  3. Drop in your PNG in the Sticker property

  4. Adjust rotation, scale, and duration to taste

  5. Place multiple instances across your page for the full effect

Rank history How rankings work →

11001200128828/149/49/2610/1811/9
  • All · #2882

Details

More like this