Open source

Tailwind component library with matching Figma files.

PriceFree – $199 one-time
Best forAgency, Freelancer, Product Designer

Why we recommend it

Having the Figma file and the code components genuinely match removes most of the design-to-code translation loss.

Strengths

  • Figma and code stay in sync
  • Large free component set
  • Works with several frameworks

Drawbacks

  • Requires Tailwind
  • Pro blocks are paid

All product names, logos and brands referenced on this site are the property of their respective owners. They are used here for identification purposes only, to describe the tools being reviewed. Their use does not imply any affiliation with, endorsement by, or sponsorship of The Design Tools by those owners.