CSS Framework (+Template) for Community?
Hi there fellow Developers,
im building a community / social network for my thesis currently and looking to save time. Since im just making a prototype for the thesis (then further expanding afterwards) i figured the biggest time suck would be writing CSS and doing Design stuff.
What CSS Framework can you recommend, preferably with the features:
- lightweight
- ease of use with React / NPM / JS
- designed / meant for communities, social networks, web 2.0
Premium recommendations are always welcome, as long as they are not 599 $ ;-)
Thanks!
Bootstrap is the easiest I have used.
Material-UI looks nicer in my view.
Tailwind CSS and Tailwind UI if you want some premade components.
https://tailwindcss.com/
https://tailwindui.com/
This framework made from a dev that felt like they couldn't make anything look nice, to having quite a bit of confidence in making things work nice and look nicer!
It goes a bit against older ways of doing css frameworks, but it's an extremely flexible approach. It integrates very easily with react, you just add the right classes to your components as you see fit (you might need a bit of setup with your build tool, feel free to hit me up if you'd like some help / resources for that).
Hey Nikola, you may like my product (Divjoy), if you want a UI + React app + Auth + DB that works out of the box. I don't have any templates specifically designed for social networks, but you could add your own custom UI on top.
You may also want to check out https://tailwindui.com, which won't give you the React logic, but has a lot of nicely designed components.
Hi Gabe,
thanks for your reply.
I'm interested and will read throw the showcases when i have time.
One thing i am worried about: How is code maintainability for the long term using a codebase generator? Will I have to worry about firebase / react updates?
Im asking because my project may be in continuous development for the next couple years, constantly adding new features.
So the way I think about it is Divjoy is a great alternative to building your own React stack, in that it gives you a lot of the boilerplate code you would have ended up writing yourself anyway (like an Auth context/hook, hooks for data fetching, high-level components built on either Bulma or Bootstrap, hooking analytics into React Router, etc).
Once you export from Divjoy that's your code and you can extend it however you need in the future. If Firebase were to roll out a massive breaking change (such as renaming one of their methods), you'd need to update your code to deal with it, as you would any code you originally wrote yourself. Although with Divjoy, I'm always around to help out with these things.
Of course, I'm biased because it's my product. The last thing I'll mention is that I have a 14-day refund policy so you can always check out the code and get a refund if it looks too hard to work with. Percent of people that ask for a round is around 3% right now.