← lab

Mini Design Editor

A canvas-based editor that started as a simple experiment and gradually turned into a compact visual playground.

You can use it for poster drafts, presentation backgrounds, social visuals, abstract compositions, or quick color and layer experiments. It is not trying to replace professional design software; it is meant for fast exploration, playful iteration, and exporting something usable without leaving the browser.

interactive tool

Mini Design Editor

Open full screen

How to Use

  1. Start in Quick mode — choose a style, palette and intensity to generate a composition
  2. Add text — place a large word or short phrase on top of the design
  3. Switch to Advanced mode — edit layers one by one, add effects and reorder the stack
  4. Open Drawing mode — draw freehand strokes, shapes or highlights directly over the canvas
  5. Export — download the final design as PNG, JPG or WebP

Features

Quick Mode

Start from visual directions such as aurora, minimal, cyber, nature and typography. Palette, intensity, detail density and text size can be adjusted with a few controls.

Layer-Based Editor

Supports layer types such as gradient, mesh, noise, grid, particles, bokeh, vignette, fog, waves, stars, text and image. Layers can be hidden, locked, duplicated, deleted and reordered with drag and drop.

Text and Typography

Add strong typographic layers with controls for large headings, animated text, alignment, letter spacing, blend modes, shadows and glow.

Drawing Surface

Brush size, opacity, color history and basic shape tools make it easy to draw directly on top of the design. This is useful for quick sketches, annotations and handmade-looking details.

Project Save/Load

Work can be saved in the browser with localStorage. Projects can also be exported as JSON and imported again later.

Export

The final canvas can be downloaded as PNG, JPG or WebP. On supported browsers, the canvas output can also be copied to the clipboard.

Ideas to Try

  • Create a cover image or section divider for a presentation
  • Explore abstract backgrounds for blog and project pages
  • Draft quick concepts for social media posts
  • Test color, typography and composition combinations in the browser
  • Sketch a visual idea before moving into a professional design tool