CSS Design tokens

Prettifying makes inspecting the CSS easier, but very slighty changes the numbers.

This analyzer statically analyzes your CSS and extracts all possible or potential design tokens out of it. This analyzer focuses on the following token types:

  • Colors
  • Font sizes
  • Font families
  • Line heights
  • Gradients
  • Text shadows
  • Box shadows
  • Border radiuses
  • Animation durations
  • Animation timing functions
  • CSS Units used