@@ -24,31 +24,11 @@ Feel free to [contribute](https://github.com/troxler/awesome-css-frameworks/blob
24
24
25
25
## Base / Reset / Normalize
26
26
27
- - [ ** sanitize.css** ] ( https://csstools.github.io/sanitize.css/ ) - The best-practices CSS foundation.
28
- ![ ] ( https://img.shields.io/github/stars/csstools/sanitize.css.svg?style=social&label=Star )
29
- [ Repo] ( https://github.com/csstools/sanitize.css )
30
- | #CSS
31
-
32
27
- [ ** modern-normalize** ] ( https://github.com/sindresorhus/modern-normalize ) - Normalize browsers' default style.
33
28
![ ] ( https://img.shields.io/github/stars/sindresorhus/modern-normalize.svg?style=social&label=Star )
34
29
[ Repo] ( https://github.com/sindresorhus/modern-normalize )
35
30
| #CSS
36
31
37
- - [ ** minireset.css** ] ( https://jgthms.com/minireset.css/ ) - Tiny modern CSS reset.
38
- ![ ] ( https://img.shields.io/github/stars/jgthms/minireset.css.svg?style=social&label=Star )
39
- [ Repo] ( https://github.com/jgthms/minireset.css )
40
- | #Sass
41
-
42
- - [ ** modern-css-reset** ] ( https://github.com/hankchizljaw/modern-css-reset ) - Tiny little reset that you can use as the basis of your CSS projects.
43
- ![ ] ( https://img.shields.io/github/stars/hankchizljaw/modern-css-reset.svg?style=social&label=Star )
44
- [ Repo] ( https://github.com/hankchizljaw/modern-css-reset )
45
- | #CSS
46
-
47
- - [ ** inuitcss** ] ( https://github.com/inuitcss/inuitcss ) - Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.
48
- ![ ] ( https://img.shields.io/github/stars/inuitcss/inuitcss.svg?style=social&label=Star )
49
- [ Repo] ( https://github.com/inuitcss/inuitcss )
50
- | #SCSS
51
-
52
32
- [ ** ress** ] ( https://github.com/filipelinhares/ress ) - Modern CSS reset.
53
33
![ ] ( https://img.shields.io/github/stars/filipelinhares/ress.svg?style=social&label=Star )
54
34
[ Repo] ( https://github.com/filipelinhares/ress )
@@ -63,11 +43,6 @@ Feel free to [contribute](https://github.com/troxler/awesome-css-frameworks/blob
63
43
64
44
Frameworks that use semantic HTML and do not rely on classes.
65
45
66
- - [ ** Water.css** ] ( https://watercss.kognise.dev/ ) - Just-add-CSS collection of styles to make simple websites just a little nicer.
67
- ![ ] ( https://img.shields.io/github/stars/kognise/water.css.svg?style=social&label=Star )
68
- [ Repo] ( https://github.com/kognise/water.css )
69
- | #CSS
70
-
71
46
- [ ** MVP.css** ] ( https://andybrewer.github.io/mvp/ ) - Minimalist stylesheet for HTML elements.
72
47
![ ] ( https://img.shields.io/github/stars/andybrewer/mvp.svg?style=social&label=Star )
73
48
[ Docs] ( https://andybrewer.github.io/mvp/#docs ) ,
@@ -104,13 +79,6 @@ Frameworks that are smaller than ~5KB.
104
79
[ Repo] ( https://github.com/pure-css/pure )
105
80
| #CSS
106
81
107
- - [ ** Milligram** ] ( https://milligram.io ) - Minimalist CSS framework.
108
- ![ ] ( https://img.shields.io/github/stars/milligram/milligram.svg?style=social&label=Star )
109
- [ Demo] ( https://milligram.io/showcase.html ) ,
110
- [ Docs] ( https://milligram.io/#getting-started ) ,
111
- [ Repo] ( https://github.com/milligram/milligram )
112
- | #Sass
113
-
114
82
- [ ** Picnic CSS** ] ( https://picnicss.com ) - Lightweight and beautiful library.
115
83
![ ] ( https://img.shields.io/github/stars/franciscop/picnic.svg?style=social&label=Star )
116
84
[ Demo] ( https://picnicss.com/tests ) ,
@@ -187,26 +155,13 @@ Frameworks that are smaller than ~5KB.
187
155
[ Repo] ( https://github.com/BlazeSoftware/atoms )
188
156
| #SCSS
189
157
190
- - [ ** Base** ] ( https://getbase.org ) - Rock solid, responsive HTML/CSS framework.
191
- ![ ] ( https://img.shields.io/github/stars/getbase/base.svg?style=social&label=Star )
192
- [ Docs] ( https://github.com/getbase/base/blob/master/readme.md#documentation ) ,
193
- [ Repo] ( https://github.com/getbase/base )
194
- | #SCSS #LESS
195
-
196
158
- [ ** Cirrus** ] ( https://cirrus-ui.netlify.app/ ) - Component and utility centric SCSS framework designed for rapid prototyping.
197
159
![ ] ( https://img.shields.io/github/stars/spiderpig86/Cirrus.svg?style=social&label=Star )
198
160
[ Demo] ( https://cirrus-ui.netlify.app/getting-started/examples ) ,
199
161
[ Docs] ( https://cirrus-ui.netlify.app/getting-started/setup ) ,
200
162
[ Repo] ( https://github.com/Spiderpig86/Cirrus )
201
163
| #CSS
202
164
203
- - [ ** turretcss** ] ( https://turretcss.com ) - Responsive front-end framework for accessible and semantic websites.
204
- ![ ] ( https://img.shields.io/github/stars/turretcss/turretcss.svg?style=social&label=Star )
205
- [ Demo] ( https://turretcss.com/demo/ ) ,
206
- [ Docs] ( https://turretcss.com/getting-started/ ) ,
207
- [ Repo] ( https://github.com/turretcss/turretcss )
208
- | #CSS
209
-
210
165
- [ ** Vanilla Framework** ] ( https://vanillaframework.io/ ) - Simple, extensible CSS framework. Written by the Canonical Web Team.
211
166
![ ] ( https://img.shields.io/github/stars/canonical-web-and-design/vanilla-framework.svg?style=social&label=Star )
212
167
[ Demo] ( https://vanillaframework.io/docs/examples ) ,
@@ -237,12 +192,6 @@ Frameworks that are smaller than ~5KB.
237
192
[ Repo] ( https://github.com/material-components/material-components-web )
238
193
| #SCSS
239
194
240
- - [ ** MUI** ] ( https://www.muicss.com ) - Lightweight CSS framework that follows Google's Material Design guidelines.
241
- ![ ] ( https://img.shields.io/github/stars/muicss/mui.svg?style=social&label=Star )
242
- [ Docs] ( https://www.muicss.com/docs/v1/getting-started/introduction ) ,
243
- [ Repo] ( https://github.com/muicss/mui )
244
- | #SCSS
245
-
246
195
- [ ** Materialize** ] ( https://materializecss.github.io/materialize/ ) - Responsive front-end library based on Google's Material Design.
247
196
![ ] ( https://img.shields.io/github/stars/materializecss/materialize.svg?style=social&label=Star )
248
197
[ Docs] ( https://materializecss.github.io/materialize/getting-started.html ) ,
@@ -258,13 +207,6 @@ Frameworks that are smaller than ~5KB.
258
207
[ Repo] ( https://github.com/tailwindlabs/tailwindcss )
259
208
| #CSS
260
209
261
- - [ ** Tachyons** ] ( https://tachyons.io ) - Quickly build and design new UI without writing CSS.
262
- ![ ] ( https://img.shields.io/github/stars/tachyons-css/tachyons.svg?style=social&label=Star )
263
- [ Demo] ( https://tachyons.io/gallery/ ) ,
264
- [ Docs] ( https://tachyons.io/docs/ ) ,
265
- [ Repo] ( https://github.com/tachyons-css/tachyons/ )
266
- | #CSS
267
-
268
210
- [ ** Open Props** ] ( https://open-props.style ) - CSS custom properties to help accelerate adaptive and consistent design.
269
211
![ ] ( https://img.shields.io/github/stars/argyleink/open-props.svg?style=social&label=Star )
270
212
[ Demo] ( https://open-props.style/#gallery ) ,
@@ -320,6 +262,7 @@ Frameworks that are smaller than ~5KB.
320
262
[ Repo] ( https://github.com/khang-nd/7.css )
321
263
| #PostCSS
322
264
265
+
323
266
## Toolkits
324
267
325
268
Toolkits are closer to a library than to a framework.
@@ -358,15 +301,60 @@ We are keeping them here for reference/inspiration and hope for a revival.
358
301
[ Docs] ( https://picturepan2.github.io/spectre/getting-started.html ) ,
359
302
[ Repo] ( https://github.com/picturepan2/spectre )
360
303
| #SCSS
304
+
305
+ - [ ** Tachyons** ] ( https://tachyons.io ) - Quickly build and design new UI without writing CSS.
306
+ ![ ] ( https://img.shields.io/github/stars/tachyons-css/tachyons.svg?style=social&label=Star )
307
+ [ Demo] ( https://tachyons.io/gallery/ ) ,
308
+ [ Docs] ( https://tachyons.io/docs/ ) ,
309
+ [ Repo] ( https://github.com/tachyons-css/tachyons/ )
310
+ | #CSS
311
+
312
+ - [ ** Milligram** ] ( https://milligram.io ) - Minimalist CSS framework.
313
+ ![ ] ( https://img.shields.io/github/stars/milligram/milligram.svg?style=social&label=Star )
314
+ [ Demo] ( https://milligram.io/showcase.html ) ,
315
+ [ Docs] ( https://milligram.io/#getting-started ) ,
316
+ [ Repo] ( https://github.com/milligram/milligram )
317
+ | #Sass
318
+
319
+ - [ ** Water.css** ] ( https://watercss.kognise.dev/ ) - Just-add-CSS collection of styles to make simple websites just a little nicer.
320
+ ![ ] ( https://img.shields.io/github/stars/kognise/water.css.svg?style=social&label=Star )
321
+ [ Repo] ( https://github.com/kognise/water.css )
322
+ | #CSS
361
323
362
324
- [ ** Basscss** ] ( https://basscss.com ) - Low-level CSS toolkit.
363
325
![ ] ( https://img.shields.io/github/stars/basscss/basscss.svg?style=social&label=Star )
364
326
[ Repo] ( https://github.com/basscss/basscss/ )
365
327
328
+ - [ ** sanitize.css** ] ( https://csstools.github.io/sanitize.css/ ) - The best-practices CSS foundation.
329
+ ![ ] ( https://img.shields.io/github/stars/csstools/sanitize.css.svg?style=social&label=Star )
330
+ [ Repo] ( https://github.com/csstools/sanitize.css )
331
+ | #CSS
332
+
333
+ - [ ** MUI** ] ( https://www.muicss.com ) - Lightweight CSS framework that follows Google's Material Design guidelines.
334
+ ![ ] ( https://img.shields.io/github/stars/muicss/mui.svg?style=social&label=Star )
335
+ [ Docs] ( https://www.muicss.com/docs/v1/getting-started/introduction ) ,
336
+ [ Repo] ( https://github.com/muicss/mui )
337
+ | #SCSS
338
+
339
+ - [ ** modern-css-reset** ] ( https://github.com/hankchizljaw/modern-css-reset ) - Tiny little reset that you can use as the basis of your CSS projects.
340
+ ![ ] ( https://img.shields.io/github/stars/hankchizljaw/modern-css-reset.svg?style=social&label=Star )
341
+ [ Repo] ( https://github.com/hankchizljaw/modern-css-reset )
342
+ | #CSS
343
+
344
+ - [ ** minireset.css** ] ( https://jgthms.com/minireset.css/ ) - Tiny modern CSS reset.
345
+ ![ ] ( https://img.shields.io/github/stars/jgthms/minireset.css.svg?style=social&label=Star )
346
+ [ Repo] ( https://github.com/jgthms/minireset.css )
347
+ | #Sass
348
+
366
349
- [ ** CSS Remedy** ] ( https://github.com/jensimmons/cssremedy ) - Start your project with a remedy for the technical debt of CSS.
367
350
![ ] ( https://img.shields.io/github/stars/jensimmons/cssremedy.svg?style=social&label=Star )
368
351
| #CSS
369
352
353
+ - [ ** inuitcss** ] ( https://github.com/inuitcss/inuitcss ) - Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.
354
+ ![ ] ( https://img.shields.io/github/stars/inuitcss/inuitcss.svg?style=social&label=Star )
355
+ [ Repo] ( https://github.com/inuitcss/inuitcss )
356
+ | #SCSS
357
+
370
358
- [ ** Cutestrap** ] ( https://www.cutestrap.com ) - Sassy, opinionated CSS framework, a tiny alternative to Bootstrap.
371
359
![ ] ( https://img.shields.io/github/stars/tylerchilds/cutestrap.svg?style=social&label=Star )
372
360
[ Repo] ( https://github.com/tylerchilds/cutestrap )
@@ -377,6 +365,12 @@ We are keeping them here for reference/inspiration and hope for a revival.
377
365
[ Docs] ( https://unsemantic.com/css-documentation ) ,
378
366
[ Repo] ( https://github.com/nathansmith/unsemantic )
379
367
368
+ - [ ** Base** ] ( https://getbase.org ) - Rock solid, responsive HTML/CSS framework.
369
+ ![ ] ( https://img.shields.io/github/stars/getbase/base.svg?style=social&label=Star )
370
+ [ Docs] ( https://github.com/getbase/base/blob/master/readme.md#documentation ) ,
371
+ [ Repo] ( https://github.com/getbase/base )
372
+ | #SCSS #LESS
373
+
380
374
- [ ** Propeller** ] ( https://propeller.in ) - Front-end responsive framework based on Google's Material Design standards & Bootstrap.
381
375
![ ] ( https://img.shields.io/github/stars/digicorp/propeller.svg?style=social&label=Star )
382
376
[ Docs] ( https://propeller.in/frameworks/open-source/get-started/ ) ,
@@ -395,6 +389,13 @@ We are keeping them here for reference/inspiration and hope for a revival.
395
389
[ Repo] ( https://github.com/responsivebp/responsive )
396
390
| #SCSS
397
391
392
+ - [ ** turretcss** ] ( https://turretcss.com ) - Responsive front-end framework for accessible and semantic websites.
393
+ ![ ] ( https://img.shields.io/github/stars/turretcss/turretcss.svg?style=social&label=Star )
394
+ [ Demo] ( https://turretcss.com/demo/ ) ,
395
+ [ Docs] ( https://turretcss.com/getting-started/ ) ,
396
+ [ Repo] ( https://github.com/turretcss/turretcss )
397
+ | #CSS
398
+
398
399
- [ ** Centurion** ] ( https://www.centurionframework.com ) - Web-based framework for rapid prototyping and building larger web projects.
399
400
![ ] ( https://img.shields.io/github/stars/justinhough/Centurion.svg?style=social&label=Star )
400
401
[ Docs] ( https://github.com/justinhough/Centurion/blob/master/DOCUMENTATION.md ) ,
0 commit comments