Stick it up.
Pick any sticker, drop it in.

face
japan-badge
dog
red-berry
blueberry
berries
black-face
black-cat
red-cat
pink-cat
yellow-cat
luffy-hat
japan-flag
devil-cone
flower
cat
cat-serious
peace-hand
flame
metal
star-burst
blob-burst
sparkles
sparkle-trio
cosmic-eye
curious-globe
spiral
eye-splat
cone
app-badge
bunny
cat-sit
fish
coffee
cat-cute
bad-cat
cherry
goo
heart
nazar
nori-coffee
nori-cool
nori-headphones
nori-heart
nori-laptop
nori-rocket
pip-coffee
pip-detective
pip-headphones
pip-rocket
pip-thinking
pip-wizard
kuro-coffee
kuro-cool
kuro-headphones
kuro-heart
kuro-laptop
kuro-rocket
mochi-coffee
mochi-cool
mochi-headphones
mochi-heart
mochi-laptop
mochi-rocket

Usage

Add stickers to a React or Next.js app.

01Install

$npm i stick-it-up@latest

02Use

Choose Direct Use (lightweight named import) or Dynamic (generic <Sticker />).

Hero.tsx
import { FlameSticker } from "stick-it-up";

export default function Hero() {
  return (
    <FlameSticker
      size={96}
      peel
    />
  );
}
Sticker
Size
Peel on hover

03Props

name
string
Sticker ID (for generic <Sticker />), e.g. "flame". Not needed when using direct component imports.
size
number | string
Width and height in pixels. Default 96.
peel
boolean
3D tilt and shadow on hover.
className
string
Extra classes for rotation, margin, etc.