I was struggling to make a simple page I was building look decent.
I knew there were stylesheets that just used 'semantic html' (like Tufte) and didn't require any special class names
(i.e <button class="btn-primary">a button</button>), however I was struggling to find them.
So I asked Twitter:
I should know this, but I'm looking for a simple CSS stylesheet that would replace the default user agent and make it look half decent. Google-fu is failing me, all I can find is resets and full frameworks. :\
Once I found examples of 'class-less CSS', it was then a bit of a pain to find them and compare all the different examples. Hence this page.
This page is designed to collate all the CSS frameworks into one place and let you compare and contrast them.
Here is the list of class-less CSS frameworks that you can checkout:
If you have a framework you would like include, create PR against frameworks.ts
This page is rendered using Browser default style.
Some of the entries are taken from the layout from stylize.
This is a paragraph of text. It's my paragraph. I like it a lot.
This is a preformatted text.
This is a Blockquote.This is a sample output.
<code> & kbd
| # | Name | Username | Location |
|---|---|---|---|
| 1 | Vasanth | @vsnthv | Chennai, India |
| 2 | John | @john | USA |
| 3 | Chan | @chan | Hong Kong |
Table with border=1
| # | Name | Username | Location |
|---|---|---|---|
| 1 | Vasanth | @vsnthv | Chennai, India |
| 2 | John | @john | USA |
| 3 | Chan | @chan | Hong Kong |