Replying to Avatar Sebastix

Question for the front-end / fullstack webdevelopers.

I've started a new attempt rebuilding my own website with just Drupal instead of having two outdated codebases (a single-page application with Vue2 and Gatsy for my blog). With this rebuild, I'm looking at which CSS / front-end framework I like to implement. For many years I've been building stuff with Bootstrap and for the last 3-4 years I've switched to TailwindCSS when starting from scratch. For some projects I've also used some extensions like DaisyUI which give you a lot of components out of the box.

Currently https://sebastix.nl is using Vanilla (vanillaframework.io) but I'm not going to re-use that as it's quite hard for me to switch between three different frameworks (I would like to keep it to 2 at max).

As it's my own website and I would like to keep the design mostly the same, I would like to move fast when building the new front-end (technical it will be a Drupal theme with CSS+JS using Twig templates).

What is your favorite CSS / front-end framework? And why? 🤓

So I can update my curated list with resources on this topic:

#askNostr #frontend

I've used a few. Lately I really like dasiyUI for rapid development. It reminds me of a classic somewhat opinionated style-sheet similar to the old bootstrap stuff (at least when I first played with it). I used TurretCSS and a few other opinionated kits before switching to tailwind. Flowbite and a few others implement their styling in their component libraries. It looks good, but it's not as easy to change things globally, like changing the style of inputs, you'd have to go to every input and modify the classes (or hack some css to override them). For migrating existing codebases I think daisy is awesome, it just kind of works, and is very unified, especially themes and coloring. When using tailwind, I would always create classes for colors for a more unified theme and easy to remember. Like `input-primary` or `text-primary` or `text-primary-background` stuff like that. So I'm not even using the classes that flowbite and others use in their components.

Point being, learning frontend from scratch, I lean toward large single style-sheets, and whatever framework gets me there. I've tried both over the past few years and realized I just tended toward consistency with less time investment which brings me back to big single style-sheets (I use scss so it's more like a dozen named style-sheets instead). Daisy UI is pretty close to that for me, and themes, and pretty easy adjustment to those themes.

Reply to this note

Please Login to reply.

Discussion

For components, depending on the task, I might use a mix of:

- daisy

- flowbite (html)

https://www.hyperui.dev (html)

https://sailboatui.com (html)

https://www.agnosticui.com