I have FIXED SHADCN

I have FIXED SHADCN with SYSTEMS THINKING

Hey everyone! Just a quick announcement

I’m building my own component library that focuses on seamless integration. Many UI libraries out there are beautifully designed but challenging to integrate with other essential JavaScript packages. This can range from something as simple as changing colors in a component to managing a calendar popup that doesn’t close automatically when you click a date (like the ShadCN Calendar).

With ShadCN, the components are in your code for you to edit (as they claim). However, the components often come with complex logic and advanced design patterns that can be difficult for someone like me to fully grasp, making them hard to customize. If I could edit code written by ShadCN’s developers, then I’m certainly capable of building my own similar components.

Welcome to MATT COMPONENTS!

I am focusing on creating components that integrate smoothly with the rest of your application’s code. You can change colors and switch to dark mode without writing extra code. They are designed for easy integration right from the start, meaning that all form inputs are not just standalone beautiful elements, but are designed to work well with React Hook Form without needing to be dismantled to fit in. ShadCN attempted to do this, but their design is flawed simply because integration was not their priority.

Their out of the box Form has more than 40 lines of code for a form that has one input and one submit button. With Matt Form, designed with integration in mind, I have achieved this with only 4 lines. A form with 10 input components including image uploading can take close to 120 lines in ShadCN and i have achieved this with 12 lines.

This is a new perspective on component libraries—viewing them as building blocks of a system (Systems Thinking). Often, tools are pixel-perfect but difficult to integrate, and that’s why many developers with cutting-edge tech stacks struggle to build and ship products. They can’t fit all the pieces together smoothly. If you’re not a systems thinker, you might end up trying to fit a Ferrari engine into a Toyota. It might fit mechanically, but these two parts were never meant to work together.

I’m designing Matt Components with shipping in mind. That means I’m not aiming for just beautiful and fast components; I want components that ultimately help you get the job done. And in this case, the job is to DEPLOY. #shadcn #ui #react #reactjs #nextjs #coding #materialui