Skip to content
SCOUT UI α

alpha · @scout-ui/sticker-trail

StickerTrail playground

Leave a bounded, performant trail inside one intentional region.

Live · bounded

StickerTrail preview

Move inside this bounded board.The fixed pool never follows you into the docs.
CodeAI Prompt · M15

Deterministic React output

Generated code

Plain TSX ready
import { StickerTrail } from "@scout-ui/sticker-trail";
import { sparklePop } from "@scout-ui/stickers/definitions/sparkle-pop";
import { wonkyStar } from "@scout-ui/stickers/definitions/wonky-star";
import "@scout-ui/sticker-trail/styles.css";

export default function StickerTrailExample() {
  return (
    <StickerTrail
      stickers={[sparklePop, wonkyStar]}
      spacing={{ min: 32, max: 52 }}
    >
      <section style={{ minHeight: 320, padding: 32 }}>
        <h2>Move inside this bounded region</h2>
        <p>The trail stays decorative and pointer-safe.</p>
      </section>
    </StickerTrail>
  );
}