---
title: "Sticker Board — Free Framer component · Best of Framer"
description: "Free Framer component · by Kullen Jahnke · Interactive. Sticker Board is a responsive Framer component that turns your images into draggable stickers: each one peels off the page when…"
canonical: "https://framer.elliotli.dev/component/sticker-board"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Sticker Board

# Sticker Board

Your images, as peelable stickers

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

![Sticker Board preview image 1](https://framer.elliotli.dev/og/component/sticker-board/0bc63fd5af2e7629/1600x1200.jpg)

## Summary

Sticker Board is a responsive Framer component that turns your images into draggable stickers: each one peels off the page when grabbed, with an outline and shadow cut from the…

## Description

**Sticker Board** is a responsive Framer component that turns your images into draggable stickers: each one peels off the page when grabbed, with an outline and shadow cut from the image's real edges, a bend that rolls across it as it lifts, and a glossy sweep.

**Use Cases:**

Works well for:

-   portfolio heroes
    
-   about pages
    
-   moodboards
    
-   photo walls
    
-   agency sites
    
-   product pages
    
-   link-in-bio pages
    
-   404 pages
    

Perfect when you want visitors to rearrange the page instead of just scrolling past it.

\--------------------------------------------------------------

**Customization**

Fully customizable via the properties panel:

-   up to 24 stickers
    
-   each with image, width, position, rotation and alt text
    
-   background and overflow
    
-   outline color and width
    
-   sticker scale
    
-   lift scale
    
-   shadow offset
    
-   color and blur
    
-   peel direction, angle and wave strength
    
-   drag lean
    
-   shimmer
    
-   spin
    
-   pickup and landing springs
    
-   drag toggle
    
-   reduced motion
    
-   padding and container constraint.
    

The stickers are your images. The component handles the physics.

\--------------------------------------------------------------

**Responsive Behavior**

-   **Desktop:** grab anywhere on a sticker; it follows the cursor with no lag and stays where you drop it.
    
-   **Tablet and mobile:** touch drag works the same, and dragging never scrolls the page.
    
-   **Keyboard:** a focused sticker moves with the arrow keys.
    

Positions are percentage based, so the arrangement survives resizing, and it fills its container.

\--------------------------------------------------------------

**Preview:** [https://sticker-board.framer.website/](https://sticker-board.framer.website/)

**Included:** the component and a live preview with setup steps. Support on X at [@KullenJahnke](https://x.com/kullenjahnke/).

**Good to know:** transparent PNG, WebP or SVG works best; a fully opaque rectangle gets a rectangular outline and shadow. The peel bend shows only during pickup and release, which keeps a held sticker sharp. Moved stickers reset on reload.

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

-   All · #1037

## Details

- **Author**: Kullen Jahnke
- **Published**: 2026-08-02
- **Updated**: 2026-08-15
- **Added**: 2026-08-02
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step