UI toolkit های CSS

[Y.P.Y]

UI toolkit های CSS (بدون JavaScript)

Milligram
سایت:
https://milligram.io
مستندات:
https://milligram.io/#getting-started
تگ لینک CDN:

کد:

<link rel="stylesheet" href="https://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

نمونه:

کد:

<a class="button" href="#">Default Button</a>
<button class="button button-outline">Outlined Button</button>
<input class="button button-clear" value="Clear Button" type="submit">

دانلود مستقیم:
https://github.com/milligram/milligram/a...v1.3.0.zip


Petal
سایت:
https://shakrmedia.github.io/petal
مستندات:
https://shakrmedia.github.io/petal/docs/
تگ لینک CDN:

کد:

<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/shakrmedia/petal/7841a6e8/dist/petal.min.css">

نمونه:

کد:

<button class="btn hollow">Button</button>
<button class="btn compact">Button</button>
<button class="btn hollow whitetext">Button</button>

دانلود مستقیم:
https://github.com/shakrmedia/petal/releases


Blaze UI
سایت:
https://blazeui.com
مستندات:
https://www.blazeui.com/getting-started/install
تگ لینک CDN:

کد:

<link rel="stylesheet" href="https://unpkg.com/blaze@4.0.0-6/scss/dist/blaze.min.css">

نمونه:

کد:

<button class="c-button" type="button">Button</button>

دانلود مستقیم:
https://github.com/BlazeUI/blaze/releases


Pure CSS
سایت:
https://purecss.io
مستندات:
https://purecss.io/start/
تگ لینک CDN:

کد:

<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css">

نمونه:

کد:

<a class="pure-button" href="#">A Pure Button</a>
<button class="pure-button">A Pure Button</button>
<a class="pure-button pure-button-active" href="#">An Active Button</a>
<button class="pure-button pure-button-active">An Active Button</button>
<a class="pure-button pure-button-primary" href="#">A Primary Button</a>
<button class="pure-button pure-button-primary">A Primary Button</button>

دانلود مستقیم:
https://github.com/pure-css/pure/releases


لینک CDN نرمال سازی خروجی:
https://cdn.rawgit.com/necolas/normalize...malize.css


شما هم اگر UI toolkit های CSS خالص می شناسید بگید تا به این صفحه اضافه کنم.