Welcome to ion

A beautiful design system + component library meticulously designed to accelerate your develoment workflow.

This documentation previews components from our design system in action, providing guidance on how to best use them in your projects.

What is ion?

ion is the first design system that instantly converts Figma to production-ready React code.

Read more about ion here (opens in a new tab).

Code

Our components are heavily inspired by shadcn (opens in a new tab), redesigned for perfect code generation. Each component adheres to engineering best practices, such as modularity and accessibility, ensuring the best developer experience.

The code is not open sourced, yet but we are working on it.

Missing something?

If you feel like there is anything missing that you need for your project, please reach out to us at team@ion.design. We will try our best to add them to the library ASAP.

We are always looking for ways to improve the library to make it work flawlessly for you :)