---
title: "Stickr — Free Framer component · Best of Framer"
description: "Free Framer component · by Tanjir i. · Text. Stickr is a lightweight typography component that turns any heading into a bold, die-cut sticker label, a thick outline stroke, a punchy offset…"
canonical: "https://framer.elliotli.dev/component/stickr"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Stickr

# Stickr

playful tilt text component

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

![Stickr preview image 1](https://framer.elliotli.dev/og/component/stickr/7fc64eb14c02feb9/1600x1200.jpg)

## Summary

Stickr is a lightweight typography component that turns any heading into a bold, die-cut sticker label, a thick outline stroke, a punchy offset shadow, and a playful tilt, just…

## Description

Stickr is a lightweight typography component that turns any heading into a bold, die-cut sticker label, a thick outline stroke, a punchy offset shadow, and a playful tilt, just like a hand-pressed sticker peeled off a sheet.

Perfect for hero sections, playful brand sites, product launches, kids' or lifestyle brands, portfolio intros, or any layout that wants one word to pop off the page.

### Purpose & Usage

This component is intentionally designed as a non-interactive text element. It is not meant to function as a button or a navigation link, even though the bold styling may visually resemble interactive UI.

Use it for:

Hero headings

Sticker-style badges and callouts

Decorative intro text

If users want to use it as a link, they can wrap it inside a link container but the component itself is optimized for styling text only, not triggering actions.

### Customization

Easily customize text, fill color, stroke color and width, shadow color, shadow angle and distance, rotation, text size, and fonts directly from the Framer edit panel. The offset shadow uses a true drop-shadow filter (not a flat text-shadow), so it follows the exact shape of the stroked text for a clean, authentic cutout look at any size.

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

-   All · #6455

## Details

- **Author**: Tanjir i.
- **Published**: 2026-08-16
- **Updated**: 2026-08-16
- **Added**: 2026-08-16
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing