I'm working on a CRM with a complicated back end built using Express.js, and while I managed to set up the front end using a random Bootstrap template, I'm feeling stuck. I've realized that I need more modularity in my code, especially since I keep having to create repetitive files like SideBarPerist.js and AxiosInterceptor.js. I've started learning React and really enjoy it, so I'm thinking about revamping my front end in React. However, my CSS skills are just okay, and I struggle with creating a modern design from scratch. Would using libraries like Shadcn or Material-UI help me achieve a nice-looking UI, even if my client isn't picky about originality or color schemes?
6 Answers
I really like DaisyUI for components. Pair it with Flexbox for positioning, and you should be able to get a great layout without too much hassle!
Shadcn is solid, but don't overlook others like Mantine or PrimeReact. They let you import components without needing to write all the code yourself, which can save a ton of time. Mantine feels a bit more polished overall.
You should definitely check out templates on Vercel if you're going with React. It might also be a good chance to start dabbling with Next.js for some advanced features.
I’d recommend using a component library for sure. It makes things so much easier and quicker to design.
You could always stick with Bootstrap, though some argue it doesn't give that modern feel. And while ChatGPT is a handy tool, it might not be the best option here for design specifics, just saying!
Honestly, consider using AI tools to help design the layout. It can save you hours of work, and something like Claude can generate a modern, responsive look in seconds!
Bootstrap might not get you that modern vibe you're looking for. And using ChatGPT for design isn't really ideal either!