Zag.js, Ark, or Chakra UI?

What should I use in my project?

  • If you're building a design system and want control over the API design, styling, and bundle size, use Zag.js
  • If you're building a design system and want to focus on the design and UX, use Ark.
  • Use Chakra if you're building an application and want pre-made UI components with good default styling you can enhance over time.
  • If you're okay with runtime CSS-in-JS, use Chakra UI (It comes with Ark and our current CSS-in-JS solution)
  • If you're not okay with runtime CSS-in-JS, use Ark and Panda