Useful sites, picked by hand

Design inspiration, development tools, and research resources, with bilingual introductions. See what each one is for before you visit.

1976 sites across 20 categories

cubic-bezier.com

Drag control points, compare easing previews, and read the resulting cubic-bezier() value for CSS motion.

  • css
  • easing
  • animation

Motion

Red Blob Games

Move start and goal positions, compare the resulting path, then use the explanations and code examples to study game-development algorithms.

  • pathfinding
  • algorithms
  • game-development

Research

The Bézier Game

Place nodes and drag control handles along outlines to see how a pen tool builds straight segments and curves.

  • pen-tool
  • bezier
  • vector-graphics

Visual