Brush

Slate

A fast image editor that runs entirely in your browser.
Nothing is uploaded — your images never leave this device.

or drop an image or .slate project anywhere · paste with Ctrl+V

Drop image or Slate project to open

History

Properties

Color

100% — x: — y: — Brush Local · private

/* Slate v10.4: make frame-animation semantics and GIF export obvious. */ .slate_anim_semantics{display:inline-flex;align-items:center;gap:5px;margin-left:7px;padding:3px 7px;border:1px solid rgba(111,168,255,.2);border-radius:5px;background:rgba(111,168,255,.055);font-size:10px;line-height:1.2;color:var(--s-text-dim,#c8cdd3);white-space:nowrap} .slate_anim_semantics strong{color:#9fc5ff;font-weight:600} .slate_gif_export_panel{margin:8px 0 10px;padding:9px 10px;border:1px solid rgba(111,168,255,.28);border-radius:6px;background:rgba(111,168,255,.06);font-size:10px;line-height:1.45;color:var(--s-text-dim,#c6cbd1)} .slate_gif_export_panel strong{display:block;margin-bottom:2px;color:var(--s-text,#eef1f4);font-size:11px} .slate_gif_export_panel .slate_gif_meta{color:var(--s-text-faint,#adb4bc)} .slate_gif_export_panel label{display:flex;align-items:center;gap:6px;margin-top:6px;cursor:pointer;color:var(--s-text,#e6e9ed)} .slate_gif_export_panel input{margin:0} .slate_gif_export_panel .slate_gif_tip{margin-top:5px;color:var(--s-text-faint,#aeb4bc)} #slate_gif_progress{position:fixed;z-index:100000;left:50%;bottom:28px;transform:translateX(-50%);display:none;min-width:260px;max-width:min(520px,calc(100vw - 32px));padding:10px 12px;border:1px solid rgba(111,168,255,.36);border-radius:8px;background:rgba(20,23,27,.96);box-shadow:0 8px 30px rgba(0,0,0,.35);color:#eef2f6;font:12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;backdrop-filter:blur(10px)} #slate_gif_progress.visible{display:block} #slate_gif_progress .bar{height:4px;margin-top:7px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden} #slate_gif_progress .fill{height:100%;width:0;background:#6fa8ff;transition:width .15s ease} @media(max-width:700px){.slate_anim_semantics{max-width:180px;overflow:hidden;text-overflow:ellipsis}.slate_gif_export_panel{font-size:11px}} \n \n\n\n \n\n