Introduction
Welcome to Zenin Charts
Yaa, youkoso 🌸
Zenin Charts is a collection of beautifully animated chart components built primarily with Next.js, TailwindCSS, TypeScript, Shadcn, Motion and Recharts.
This chart library lives under the main component system zenin.design. It is designed to be simple and plug-and-play — all you need to do is copy and paste the components into your project and start using them immediately.
If you have basic knowledge of Next.js or React, integrating these components into your application is straightforward and smooth.
Why I Built This
I started building these charts while practicing my design and frontend skills. I took inspiration from Pinterest and redesigned various chart concepts into code using my preferred stack.
Over time, I realized I had built a solid collection of animated, reusable chart components. Instead of keeping them private, I decided to bundle them into a proper library and share them with the world.
Design & Progress
I regularly share my design experiments and development progress on Twitter.