• 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
UI toolkit های CSS
#1
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


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


Idea شما هم اگر UI toolkit های CSS خالص می شناسید بگید تا به این صفحه اضافه کنم.
وبلاگ: Yousha.Blog.ir

صدام: "اگر با ارتش شاه ایران طرف بودیم، یک ماهه جنگ را می بردیم"
http://gulfnews.com/opinion/thinkers/ira...i-1.500997
  پاسخ
تشکر شده توسط : Reza


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان