1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
---
layout: layout.vto
url: /
templateEngine: [vento, md]
---
<header>
# <span class=allcaps>missing<wbr>.css<v-h>:</v-h></span> <sub-title>The Missing CSS Stylesheet</sub-title>
<nav>
[Docs](/docs/)
[Demo](/demos/)
[Playground](/playground/)
[Releases](/releases/)
[GitHub](https://github.com/bigskysoftware/missing)
[Discord](https://htmx.org/discord)
{.tool-bar}
</nav>
</header>
<main>
{{ set version = search.pages("release")
|> map(rel => rel.data.release)
|> sortSemVer
|> at(-1) }}
missing.css is the CSS library we wished already existed.
Add it to your website: `<link rel="stylesheet" href="https://unpkg.com/missing.css@{{version}}">`{.lang-html}
* It starts with decent default styling for vanilla HTML, akin to **classless
CSS** libraries, that can be customized with **CSS variables.** {.box}
* It offers a small set of **components** based on well-known, semantic markup
patterns, with ARIA where appropriate. {.box}
* Finally, it offers a small & curated set of **utility classes** and **custom
elements** for the things HTML hasn't caught up with yet. {.box}
{.f-switch .dense .align-items:stretch role=list}
The goal of missing.css is to reduce needed intervention in HTML. It lets
authors
- start with a good out-of-the-box experience,
- customize it easily, even create multiple themes,
- build common components using plain, semantic HTML,
- create unique sites by applying utility classes as needed.
{.flow-gap .dense}
Though it's quite early, there are a few sites using missing.css:
- <https://hyperscript.org>
- <https://denizaksimsek.com>
- <https://github.com/chapmandu/cfwheels-htmx-crud>
- <https://www.davidaflood.com>
Missing.css is a notch on the complexity slider
that's just right for small projects and personal sites
where classless CSS is not enough, Tailwind is too much
and Bootstrap just doesn't have the right vibe.
We also have a [JavaScript library](/docs/js) and a [Prism](https://prismjs.com) syntax theme.
</main>
|
