I used to rely heavily on stuff like Bootstrap/Bulma, but have found myself recently getting attached to utility frameworks like https://tailwindcss.com/. You can quickly create buttons and stuff with inline classes like <button class="px-4 py-2 border border-grey-darkest rounded hover:bg-grey-light">Click me!</button>
I feel like sometimes when prototyping you can get caught up with frameworks like Bulma trying to get everything to look nice and work well together, but if you create your own minimalistic components it can speed dev up a bit! Depends whether you hate css or not though I suppose haha
Tailwind seems wonderful! But you also need a grid for your layouts, do you use a different minimal framework for that?
Then there's also the need for things like responsiveness, modal dialogs, navbars, carousel, etc. which come built-in with Bootstrap. What do you use for those?
Are these minimal frameworks too difficult to handle for someone with minimal knowledge of CSS?
where initially it wraps and on medium screens and above it sits side by side.
I've found the responsive stuff in tailwind to be great. You can even hook directly in to the config if configured properly and do stuff like
.my-component {
@apply bg-red text-white p-4;
@screen md {
font-family: config('fonts.primary');
@apply bg-blue text-grey p-8 /* font-primary here would do the same as the above line */;
}
}
As for stuff like modals, it's not too hard to achieve these in pure css without needing javascript or pre-built component (I know Bootstrap used to rely pretty heavily on jQuery which was one of the main reasons I moved away from it when starting to use stuff like Vue/React). Check out tailwindcomponents if you get chance, there's a load of pre built tailwind things there that you can either get inspiration from or copy :)
I wasn't that confident with CSS stuff until more recently and using tailwind has been a blessing.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Logodust for logos if I need something quickly for prototyping.
Undraw for open source svg illustrations
Heropatterns, thepatternlibrary and Novapattern for repeatable patterns
Cupcake Ipsum, Bacon Ipsum, Cat Ipsum for better Lorem Ipsum text
templated.co for free templates/inspiration
UIGoodies also has quite a few decent things on there.
cssfx for quick copy-paste css animations
Just what I needed! Thanks!
Angie
Man this was useful wow I just go about making up some baseline Bulma page as frontend for playing around in node ;/
I used to rely heavily on stuff like Bootstrap/Bulma, but have found myself recently getting attached to utility frameworks like
https://tailwindcss.com/. You can quickly create buttons and stuff with inline classes like<button class="px-4 py-2 border border-grey-darkest rounded hover:bg-grey-light">Click me!</button>I feel like sometimes when prototyping you can get caught up with frameworks like Bulma trying to get everything to look nice and work well together, but if you create your own minimalistic components it can speed dev up a bit! Depends whether you hate css or not though I suppose haha
Tailwind seems wonderful! But you also need a grid for your layouts, do you use a different minimal framework for that?
Then there's also the need for things like responsiveness, modal dialogs, navbars, carousel, etc. which come built-in with Bootstrap. What do you use for those?
Are these minimal frameworks too difficult to handle for someone with minimal knowledge of CSS?
For a grid I usually just use tailwind's built in width stuff, having a two column layout would be something like
where initially it wraps and on medium screens and above it sits side by side.
I've found the responsive stuff in tailwind to be great. You can even hook directly in to the config if configured properly and do stuff like
As for stuff like modals, it's not too hard to achieve these in pure css without needing javascript or pre-built component (I know Bootstrap used to rely pretty heavily on jQuery which was one of the main reasons I moved away from it when starting to use stuff like Vue/React). Check out tailwindcomponents if you get chance, there's a load of pre built tailwind things there that you can either get inspiration from or copy :)
I wasn't that confident with CSS stuff until more recently and using tailwind has been a blessing.