Looking for lightweight CSS framework
Hello Indie's,
I'm working on some landing pages and I want to try something different after writing custom CSS.
I want to go with clean, minimalistic and lightweight CSS framework.
I have tried https://andybrewer.github.io/mvp/ and I'm open to another options.
What do you suggest? (Except Tailwind and Semantic)
Cheers
Define lightweight?
You're not going to get much more lightweight for a simple landing page than Tailwind after purging...
Exactly, nothing better than Tailwindcss in this case.
I'm sorry, but I have tried Tailwind few times, it's simply not my cup of tea.
My OCD can't stand crowded markup.
Thanks for answers
Funny! My OCD goes towards performance as much as possible, and don't mind the markup at all.
You could design with TW then refactor into @apply and/or components?
especially cos you can just use @apply rules to create your own classes so that your markup isn't hugely polluted but you still have all of the awesomeness tailwind gives you.
Bulma is quite nice! (bulma.io)
If you are looking lightweight, Bulma is great!
Big Fan!
Here you go.
https://github.com/awesome-css-group/awesome-css
And I found this today.
https://luxacss.com/
Also, if you need landing pages I make them here only with Tailwind.
Wickedtemplates.com
I checked some of your templates. They look good!
I am shopping for a template, but I would advise you (and this is from personal bad past experience), is to give more support for standard blocks/behavior. For example, the contact section does not have a form. The subscribe form at the landing page (it's fine if it does not work), but what happens if the form is valid/invalid? The blog page, for example, you show I believe only a quote and an h2 header. How would a list look like? Or an h3 header? How would an embedded image look like? With a caption? What about links? Or pagination for the blog page?
My concern is that if I spend that amount of money on a template, I would want to be able to use it without have to re-think how to display basic stuff. Maybe I'm wrong and your templates alreadt offer it, I just couldn't see it.
Ciao Aquiles!
This is gold feedback actually, and I am more than thankful that you bring it up.
I have been thinking to do so, but I wasn't sure if this would be something that was expected to be included. Now I know.
Do you mean to have a whole components library or just those that might be needed?
https://chr15m.github.io/minimal-stylesheet/
My shameless plug:
https://feathercss.makerkits.co/
I designed this as a base CSS you can just copy to your project, and customize it 100% the you way you want from there.
You could optionally npm install it:
https://www.npmjs.com/package/feathercss
Nice one! I'll give it a try.
The most lightweight css I know would be new.css without the inter font (https://newcss.net/). It's good for a simple blog or landing page, but not much else. In most cases Bulma does an okay job as well.
best lightweight = no css/stylesheet
Be funny somewhere else, please.
Check Frontendor (Create beautiful landing pages by copy-paste).
What do you think?
https://basscss.com/
w3.css could work for.you