Atomic CSS theme

Just include this theme on any website and go from outdated to fresh and modern looking page, instantly.

Designed for customization and extensibility.

Supports dark mode.

Why you should use it

Just drop in, even on existing HTML content, to get a pretty looking website (everything "just works")
Quick prototyping, especially when working on backend sites and can't yet be bothered to fidget with css/html
No need to remember tons of different class names for every other css framework
No previous CSS or design experience required.

Simply add this to your <head> tag.

<link rel="stylesheet" href="https://unpkg.com/@atomic-stack/theme" type="text/css">

Link the downloaded file on your html <head>

<link rel="stylesheet" href="styles.css" type="text/css">

HTML5 inputs

Color

This is a form hint

Search Phone URL Number Range Date Datetime-local input Time

Cars

Choose your browser

Type to search

Or pick a browser

This is a blockquote

This is a quoted text with the <q> tag.

This is a quoted text with the <cite> tag.

jdoe@mowmow:~$ ssh demo.example.com Last login: Tue Apr 12 09:10:17 2005 from mowmow.example.com jdoe@demo:~$ _

These are some abbreviations:

Three hundred pages of boring, useless text. The one thing you need to know and will never be able to find again if you don't highlight it…

Table Caption
Table Heading 1	Table Heading 2	Table Heading 3	Table Heading 4	Table Heading 5
Table Footer 1	Table Footer 2	Table Footer 3	Table Footer 4	Table Footer 5
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5

This is the card content

Expand this

Something small enough to escape casual notice.

progress

75 %