Hi HN. To explore the power of classless CSS, I built this simple page that lets you instantly switch between more than a dozen different frameworks like Pico, Water.css, Sakura, and Missing.css.
It’s a great way to see how each framework interprets pure, semantic HTML without any classes. You can compare how they handle typography, forms, tables, blockquotes, and other elements with a single click.
2 comments
[ 2.6 ms ] story [ 16.8 ms ] threadIt’s a great way to see how each framework interprets pure, semantic HTML without any classes. You can compare how they handle typography, forms, tables, blockquotes, and other elements with a single click.
Live Tool: https://hugo-classless.netlify.app/
The page itself is built with a Hugo theme I created for this purpose, which is also open source for anyone who wants to use it for their own site.
GitHub: https://github.com/mozanunal/hugo-classless
Hope this is a useful resource for folks interested in CSS and minimalist web design. Feedback is welcome!
- A toggle to check how each framework supports dark mode would be nice.
Related: https://dohliam.github.io/dropin-minimal-css/
- Demo content includes form elements
- Tons of other classless CSS frameworks