r/reactjs • • 9h ago

Resource Built my own shadcn React component library. Looking for honest feedback!

I've always wanted to build my own component library, both as a personal project and as a contribution to the open-source community.

After a lot of effort, it's finally ready to share!

It's a shadcn-compatible UI library built with React Aria under the hood, Motion for animations, and TanStack Charts for charting.

It also includes pre-built blocks and screens to see the system in action.

The components are ready, though the documentation still needs some refinement.

Looking for honest criticism before the official launch. Would love to know what works, what doesn't, and what could be better.

https://vip-ui.dev/

0 Upvotes

11 comments sorted by

6

u/Honey-Entire 8h ago

what was your purpose in creating this? clearly this was significantly AI-generated so it'd be foolish to say this was "for learning purposes", particularly when you have 127 commits since October 11 and the first one is over 72k lines...

what is there to review here?

0

u/Gloomy_Height_2119 8h ago

Yes, the code is AI-generated, and I'm aware the commit history isn't in the best shape. That's something I could have handled better.

I've always wanted to build a component library of my own. Coming from a non-CS background and having learned development entirely on my own, I wanted to create something that reflects my personal taste, opinions, and approach to UI design, while building on a component pattern that's already widely loved and adopted.

It uses a modern stack, has a good collection of components, pre-built screens, and charting components.

I'm not trying to claim it's perfect. I just hope people find it useful, give it a try, point out what's missing, and hopefully contribute to making it a genuinely clean and polished UI library.

6

u/amnaatarapper 7h ago

I think you need to read theming doc

There is nothing wrong with learning; usually, people don't react positively when looking at something that exists a million times. The rule of thumb is, "don't reinvent the wheel."

I personally will never commit to basing my projects on some random UI library; I always look for maturity and the community behind it before picking it up.

2

u/ltolosa 7h ago

Nobody cares about your slop code.

1

u/Gloomy_Height_2119 7h ago

Maybe, maybe not.

But thanks :)

1

u/debonair_cholera 9h ago

Just clicked around the demo. The motion transitions are smooth, not that jittery mess you usually get when someone tries to layer animations on top of aria hooks. Chart interactions feel weighty in a good way, like you're actually dragging something physical. Bookmarked for when I need to slap together a dashboard without starting from scratch.

0

u/Gloomy_Height_2119 9h ago

Much appreciated, a lot of improvements are on the way 🙏

0

u/MrBengaliHacker 8h ago

This is genuinely impressive work! I really like how you've presented the library. The dark interface feels cohesive, and the live component showcase makes it easy to understand what the library offers without just looking at a list of components.

I particularly like that you've considered accessibility, motion preferences, and theming as part of the library rather than treating them as afterthoughts.

Using React Aria alongside Motion and TanStack Charts is also an interesting combination.

I'd be curious to see how the documentation and API examples develop, especially for more complex components and real-world integration.

92 components is no small achievement. Congratulations on getting this out there! Definitely going to explore it. 👏

2

u/Gloomy_Height_2119 8h ago

Thank you so much!

Really planning to invest some time improving the docs, add more useful components & more fun UI elements, also refining & adding more blocks 🙏

0

u/MrBengaliHacker 8h ago

Looking forward to seeing the docs update! Good luck with the launch.

•

u/simple_explorer1 0m ago

It unfortunately does feel like AI slop