Multi-tool design platform

Default File

Free tools for any UX or UI practitioner. Learn, build, and export in the browser, with no paywall in the way.

Open UX PrinciplesExplore tools

Start with a tool

Shortcuts into the workspace: principles, generative gradients, and more as the platform grows.

Browse all tools
Ready

UX Principles

28 design rules with modern SVG demos. Toggle simple language anytime.

  • 28 principles with live SVG demos
  • Simple language toggle
  • Shareable deep links
Open tool
Ready

Shader Gradient

Warped WebGL gradients with liquid, silk, streaked, and grainy looks. Export PNG or JPG.

  • Liquid, silk, streaked, grainy looks
  • Live WebGL controls
  • Export PNG or JPG
Open tool
Ready

Mesh Gradient

Soft multi-color mesh backgrounds with blur and grain. Export SVG, PNG, or CSS.

  • Soft multi-color mesh fields
  • Blur and grain controls
  • Export SVG, PNG, or CSS
Open tool
Ready

Color Lab

Build Default File neutral scales from a hex seed. Contrast matrix, previews, and CSS export.

  • Neutral 0–1000 scales from hex
  • WCAG and APCA contrast matrix
  • Export CSS variables or JSON
Open tool

Made for practitioners, free to use

Learn UX rules, build visuals, and export them freely. Everything you need to practice and ship, without leaving the browser.

Principles you can practice

Learn UX rules with live demos. Switch to plain language anytime.

Generative visuals on demand

Build warped gradients in the browser and export when they feel right.

Shareable by design

Every tool is isolated and linkable so teammates land on the same view.