Tailwind CSS

Tailwind CSS

Tailwind با چارچوب هایی مانند Bootstrap ، Foundation یا Bulma متفاوت است زیرا این یک کیت UI نیست.
Tailwind با چارچوب هایی مانند Bootstrap ، Foundation یا Bulma متفاوت است زیرا این یک کیت UI نیست.این یک موضوع پیش فرض ندارد و هیچ مؤلفه داخلی UI وجود ندارد.از طرف دیگر ، همچنین هیچ نظری در مورد چگونگی نگاه سایت شما ندارد و تصمیمات طراحی را که باید برای خنثیسازی بکشید تحمیل نمی کند.اگر به دنبال چارچوبی هستید که همراه با منوی ابزارک های از پیش تعیین شده برای ساخت سایت شما باشد ، ممکن است Tailwind چارچوب مناسبی برای شما نباشد ، به همین دلیل گزینه های دیگری داریم.اما اگر می خواهید یک سر عظیم شروع به اجرای یک طراحی سفارشی با هویت خاص خود کند ، Tailwind ممکن است فقط آنچه شما به دنبال آن هستید.ابزار اول ایجاد یک چارچوب برای ایجاد رابط کاربری های سفارشی بدین معنی است که شما نمی توانید در سطح معمول دکمه ها ، فرم ها ، کارت ها ، ناوبری ها و غیره آبستره هایی تهیه کنید ، در عوض ، Tailwind کلاس های کمکی کاملاً سازگار و کم سطح را ایجاد می کند که ساخت آن را آسان می کند.رابط های پیچیده کاربر بدون تشویق هر دو سایت برای یکسان بودن.سازگار با کامپوننت اگرچه شما می توانید کارهای بسیار خوبی را با کلاس های نرم افزاری انجام دهید ، اما گاهی اوقات یک کلاس جزء تصمیم درستی است.Tailwind ابزاری برای استخراج کلاسهای مؤلفه از الگوهای مکرر ابزار فراهم می کند ، و به روز می کند چندین نمونه از یک جزء را از یک مکان آسان کرد.پاسخگو به هسته اصلی هر برنامه Tailwind همچنین دارای طعم های پاسخگو است و ساختن رابط های پاسخگو را بسیار آسان می کند بدون اینکه HTML خود را ترک کنید.Tailwind از یک صفحه نمایش بصری استفاده می کند: پیشوندی که باعث می شود در حالی که نام کلاس اصلی را قابل تشخیص و دست نخورده نگه دارید ، می توانید متوجه کلاس های پاسخگو در نشانه گذاری خود شوید.طراحی شده برای شخصی سازی اگر منطقی باشد که قابل تنظیم باشد ، Tailwind به شما امکان می دهد تا آن را شخصی سازی کنید.این شامل رنگ ها ، اندازه های مرزی ، وزن قلم ، برنامه های کاربردی فاصله ، نقاط شکست ، سایه ها و تن دیگر است.Tailwind در PostCSS نوشته شده است و در JavaScript پیکربندی شده است ، به این معنی که شما دارای قدرت کامل یک زبان برنامه نویسی واقعی در نوک انگشتان خود هستید.Tailwind بیش از یک فریم ورک CSS است ، این موتور برای ایجاد سیستم های طراحی است.
tailwind-css

سایت اینترنتی:

امکانات

دسته بندی ها

گزینه های دیگر برای Tailwind CSS برای Self-Hosted

Bootstrap

Bootstrap

Bootstrap مجموعه ای از ابزار منبع باز برای ایجاد سایت ها و برنامه های مرورگر است.
Bulma

Bulma

یک چارچوب مدرن CSS مبتنی بر Flexbox.
Slides Framework

Slides Framework

اسلایدها یک چارچوب ساده و قدرتمند HTML و CSS است که به شما امکان می دهد به راحتی و به لطف یک راه اندازی مدولار انعطاف پذیر ، وب سایت های زیبا را به راحتی بسازید.
Gridlex

Gridlex

ساده.قدرتمند.پاسخگوقابل انعطاف.بر اساس Flexbox (ماژول چیدمان جعبه انعطاف پذیر جعبه CSS) ، Gridlex یک سیستم شبکه css بسیار ساده است که به سرعت می تواند طرح های مدرن و زیرمجموعه ها را ایجاد کند.
GroundworkCSS

GroundworkCSS

GroundworkCSS یک فریمورک 100٪ آزاد و منبع باز متناسب HTML5 ، CSS و JavaScript Framework است.
Spectre.css

Spectre.css

چارچوب CSS سبک ، پاسخگو و مدرن برای توسعه سریعتر و توسعه یافته.
Element UI

Element UI

Element ، یک کتابخانه مؤلفه Vue 2.0 برای توسعه دهندگان ، طراحان و مدیران محصولات است.
Picnic CSS

Picnic CSS

وعده غذایی خود را باز کنید و کدگذاری کنید.یک کتابخانه تهاجمی CSS برای شروع سبک شما.
mini.css

mini.css

Mini.css یک فریم ورک CSS با منبع باز است که حداقل (7KB gzipped) ، پاسخگو و سبک-agnostic است.
Milligram

Milligram

Milligram حداقل یک ست سبک برای یک نقطه شروع سریع و تمیز فراهم می کند.
yeti.css

yeti.css

yeti.css یک کتابخانه الگوی متشکل از ماژول های سبک ، قابل استفاده مجدد است.این ساخته شده است تا منعکس کننده و هنوز هم دستورالعمل های بصری و مارک تجاری.
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juicy دارای بسیاری از ویژگی های همان طرح است که شما می شناسید و دوست دارید ، اما با هدف گیری بهتر موبایل ، سفارش ستون های سفارشی ، گزینه های ترازی بهتر روی آنها بهبود می یابد ...
Blaze CSS

Blaze CSS

چارچوب CSS مدولار منبع باز ، ساختار بسیار خوبی را برای ایجاد سریع وب سایت ها فراهم می کند.
Flexbox Grid

Flexbox Grid

سیستم شبکه بر اساس خاصیت نمایشگر فلکس.
Basis

Basis

توسعه کد تمیز ========================