🎨

Advanced Sticker Maker

Create custom stickers with shapes, text, effects, borders, shadows, and export as PNG/SVG with transparent backgrounds.

Design v1.0.0 7 uses
100%

Tools

Brush Size

5

Shapes

Add Image

Drop image or click

Templates

Properties

Select an element to edit its properties

Colors

Add Text

Effects

No effects applied

Border

0
0

Elements

  • No elements yet

New Sticker

This will clear all current elements.

Text Editor

Sticker
X: Y: Blur:
Curved text

About This App

A full-featured browser-based sticker creation studio powered by HTML5 Canvas. Design custom stickers using 20+ base shapes including circles, stars, hearts, speech bubbles, shields, and badges. Add styled text with 12+ fonts, bold, italic, underline, text shadows, outlines, curved text along arcs, and gradient fills. Apply professional visual effects like drop shadows, inner/outer glow, bevel, emboss, and blur to any element. Fine-tune borders with solid, dashed, dotted, double, groove, and ridge styles plus per-corner radius control. Work with a full element-based layer system featuring reorder, lock, visibility toggle, grouping, opacity, and duplication. Use drawing tools including pen, brush, and eraser for freehand artwork. Pick colors with an eyedropper, fill tool, and a curated palette of 24 vibrant sticker-friendly colors. Export finished stickers as transparent PNG at 1x-4x resolution, PNG with solid background, SVG vector, or WebP. Save and load projects as JSON files with auto-save to browser storage. Supports sticker pack export with multiple stickers arranged in a grid. Runs entirely in your browser with full undo/redo history.

How to Use

  1. 1 Click 'New' to choose a sticker canvas size (128x128 to 1024x1024) or enter custom dimensions
  2. 2 Select a tool from the left toolbar: Select, Move, Pen, Brush, Eraser, Text, Shape, Fill, or Eyedropper
  3. 3 Choose a base shape from the shape picker and click-drag on the canvas to place it
  4. 4 Use the Text tool to add styled text with custom fonts, sizes, colors, and effects
  5. 5 Draw freehand with the Pen or Brush tools at adjustable sizes
  6. 6 Select any element and adjust properties in the right sidebar: position, size, rotation, opacity
  7. 7 Apply visual effects like drop shadow, glow, bevel, emboss from the Effects panel
  8. 8 Customize borders with style, width, color, and corner radius controls
  9. 9 Reorder elements in the Layers panel with drag-to-reorder, lock, and visibility toggles
  10. 10 Use Ctrl+Z/Y for undo/redo, Delete to remove elements, Ctrl+D to duplicate
  11. 11 Export as transparent PNG, PNG with background, SVG, or WebP at multiple resolutions
  12. 12 Save your project to continue editing later
X Facebook LinkedIn Reddit WhatsApp Telegram Pinterest Email

More Apps in Design

🎥

Premium GIF Maker

Design

Create stunning animated GIFs from scratch with drawing tools, image imports, text overlays, effects, transitions, and multi-layer frame-by-frame editing.
🎨

Pixel Art Studio

Design

Browser-based pixel art editor with layers, animation frames, symmetry drawing, onion skinning, and PNG/GIF/sprite sheet export.
📊

Flowchart Designer

Design

Browser-based flowchart and diagram editor with 10 node types, orthogonal connection routing, snap-to-grid, and PNG/SVG/JSON export.
ESC