MVP.css – Minimalist stylesheet for HTML elements

• mvp

  18 4,867 4.7 HTML

  MVP.css — Minimalist classless CSS stylesheet for HTML elements

Hi, author of MCP.css here.

For those interested in the discussions around this, please refer to:

https://github.com/andybrewer/mvp/issues/26

https://github.com/andybrewer/mvp/issues/2

I would concede that the use of ‘a strong’, ‘section aside’, etc. does require some learning and the styling is perhaps unique, but I don’t think it’s invalid in any way.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/st...

> The HTML element indicates that its contents have strong importance, seriousness, or urgency.

In MVP.css links are already in bold by default, so ‘strong’ text inside a link requires more “urgency” than bold text, which is styled as a button.

Sure, I’ll grant that it’s atypical, but I don’t think it’s obviously wrong in some way.

Same with ‘aside’:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/as...

> The

HTML element represents a portion of a document whose content is only indirectly related to the document's main content. Asides are frequently presented as sidebars or call-out boxes.

I think cards are basically “call-out boxes”.

But at the end of the day, this style sheet doesn’t have to be for everyone and it’s really designed for someone who’s rapid prototyping.

That said, I do think buttons and cards are important to most web page layouts so if there’s a better semantic way to codify those, I’m open to pull requests.

• new.css

  8 3,899 0.0 HTML

  A classless CSS framework to write modern websites using only HTML.

  

My go to seems to not be in your list yet:

https://newcss.net

I always use this if I need to quickly make some structured info visible on the web. Works on mobile, works in dark mode, looks inoffensive and professional and is super small.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• dropin-minimal-css

  9 1,613 5.8 CSS

  Drop-in switcher for previewing minimal CSS frameworks

Makes it just so easy to switch and select. Embed in your html page, select an item from the drop down and see what it does to the page, when you’re happy, remove ! Simple. Genius. Wonder why I never thought of it.

Also has a demo page [2] to try it out

[1]: https://github.com/dohliam/dropin-minimal-css

[2]: https://dohliam.github.io/dropin-minimal-css/

• sakura

  15 4,022 6.1 HTML

  :cherry_blossom: a minimal css framework/theme.

• Water.css

  33 8,179 0.0 CSS

  A drop-in collection of CSS styles to make simple websites just a little nicer

• spcss

  3 928 1.8 CSS

  A simple, minimal, classless stylesheet for simple HTML pages

• Pure

  17 23,395 7.5 JavaScript

  A set of small, responsive CSS modules that you can use in every web project.

  

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• almond.css

  15 1,131 0.0 JavaScript

  Collection of CSS styles to make simple websites look nicer

• pico

  65 12,325 9.3 CSS

  Minimal CSS Framework for semantic HTML

  

• classless-css

  23 1,775 7.5 HTML

  A list of classless CSS themes/frameworks with screenshots

• open-props

  49 4,390 8.3 HTML

  CSS custom properties to help accelerate adaptive and consistent design.

• cssbed

  1 124 0.0 HTML

  Test bed for simple css resets that make your static page nice without classes.

• luxacss

  3 174 8.0 SCSS

  A minimalist CSS framework.

• spark-joy

  37 9,204 6.8 JavaScript

  ✨😂 2000+ ways to add design flair, user delight, and whimsy to your product.

full list here: https://github.com/sw-yx/spark-joy/blob/master/README.md#dro...

• Chota

  11 1,336 2.9 HTML

  A micro (3kb) CSS framework

• Milligram

  23 10,158 0.0 HTML

  A minimalist CSS framework.

  

Of course! I took this idea from the milligram project [1], but if you feel like it is a downside I am open to hearing your arguments. Feel free to open an issue [2] so we can discuss it.

[1]: https://github.com/milligram/milligram/blob/master/src/_Base...

• concrete.css

  3 485 6.8 HTML

  A simple and to the point classless CSS framework

• ExtPay

  56 425 4.1 JavaScript

  The JavaScript library for ExtensionPay.com — payments for your browser extensions, no server needed.

This stylesheet has been invaluable for moving fast on my side project: https://extensionpay.com/

One pro-tip though — I found that using unpkg slowed down the page a ton sometimes. I serve the file myself and it's been much faster. YMMV but thought y'all should know just in case.

• modern-normalize

  8 5,742 2.1 TypeScript

  🐒 Normalize browsers' default style

I think this is the same category as https://github.com/sindresorhus/modern-normalize

`modern-normalized.css` can be for MVP too. Honestly few < 100 lines on top of normalized one isn't that much work.

• SaaSHub

  www.saashub.com sponsored

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

Suggest a related project