A super minimal, classless CSS template

Template.css aims to be a usable and minimal CSS framework, whilst also being a great template to start writing your own CSS from.

It's designed to be used as a base for your own CSS, with lots of room for your own customisations, but still usable without any changes. It's nothing special, but it's not meant to be, that's up to the user.

See the demo for the list of changes.

Install

There are multiple ways you can install and use Template.css:

• Download and serve Template.css locally using link
• Copy and paste the source into a style element
• Use jsDelivr and link https://cdn.jsdelivr.net/gh/init-zhang/template.css/template.css in your head

Features

• Super lightweight
• Full basic Markdown support
• Responsive and automatic dark mode
• Easy to customise

Backstory

I created Template.css because I wanted quick and easy CSS when starting a new project. I can drop Template.css on some HTML and get a good looking page with zero effort. As the project expands, I can add specific CSS onto Template.css as needed, ensuring the CSS file is only as big as it needs to be.

The biggest CSS frameworks were substantial in size, sometimes exceeding the project's HTML, and required time and knowledge before any results. Of course, the trade off is the functionality these frameworks provide, but it's sometimes more than you need for a small project. That's where classless CSS frameworks come in.

Classless CSS frameworks turn HTML into a good looking pages without any CSS knowledge required from the user. As the name suggests, these frameworks has no classes and often work off semantic elements, such as header, article, figure, for declarations.

Template.css reduces its size even further by only supporting basic Markdown elements, making it useful for blogs and Markdown-generated content. If you think Template.css should support another element, open an GitHub issue.