Design tools

Small tools for colour, type, motion, icons and layout

51 tools. Each opens in a new tab.

ASCII Motion (opens ascii-motion.com in a new tab)
Motion · Free
Draw and animate ASCII art in the browser, frame by frame, and export it.
Haiku Animator (opens haikuanimator.com in a new tab)
Motion · Free
A timeline for animating interface components, now free and open source.
Motion Canvas (opens motion-canvas.io in a new tab)
Motion · Free
Write animations in TypeScript and edit their timing in a live editor; open source.
cubic-bezier.com (opens cubic-bezier.com in a new tab)
Motion · Free
Drag the handles of a cubic Bézier easing curve and compare it against others.
Easing Functions (opens easings.net in a new tab)
Motion · Free
A cheat sheet of common easing curves, with previews and copyable code.
Jitter (opens jitter.video in a new tab)
Motion · Freemium
Animate designs in the browser and export videos, GIFs or Lottie files.
LottieFiles (opens lottiefiles.com in a new tab)
Motion · Freemium
Find, edit and ship lightweight Lottie animations for web and apps.

Tools