
2
Tailwind CSS
Tailwind е различен от рамки като Bootstrap, Foundation или Bulma по това, че не е UI комплект.
- Безплатно
- Self-Hosted
- CSS
Tailwind е различен от рамки като Bootstrap, Foundation или Bulma по това, че не е UI комплект.Тя няма тема по подразбиране и няма вградени UI компоненти.От обратната страна, той също няма мнение за това как трябва да изглежда вашият сайт и не налага дизайнерски решения, с които трябва да се борите, за да отмените.Ако търсите рамка, която се предлага с меню от предварително проектирани джаджи, с които да изградите вашия сайт, Tailwind може да не е подходящата рамка за вас, затова имаме някои алтернативи.Но ако искате огромно начало да внедрите персонализиран дизайн със собствена идентичност, Tailwind може да бъде точно това, което търсите.Първо за Utility Създаването на рамка за изграждане на персонализирани потребителски интерфейси означава, че не можете да предоставяте абстракции на обичайното ниво на бутони, формуляри, карти, навигации и т.н. Вместо това Tailwind предоставя висококомпонентни класове от полезни програми с ниско ниво, които улесняват изгражданетосложни потребителски интерфейси, без да се насърчават всеки два сайта да изглеждат еднакво.Компоненти, макар че можете да направите много само с класове на полезност, понякога клас клас е правилното решение.Tailwind предоставя инструменти за извличане на класове от компоненти от повтарящи се полезни модели, което улеснява актуализирането на няколко екземпляра на компонент от едно място.Отзивчиви за сърцевината Всяка помощна програма Tailwind предлага и отзивчиви аромати, което прави изключително лесно да се изгради отзивчиви интерфейси, без никога да оставяте HTML.Tailwind използва интуитивен {screen}: префикс, който улеснява забелязването на отзивчивите класове във вашата маркировка, като същевременно запазва името на оригиналния клас разпознаваемо и непокътнато.Проектиран да бъде персонализиран Ако има смисъл да бъде персонализиран, Tailwind ви позволява да го персонализирате.Това включва цветове, размери на рамката, тежест на шрифта, разстояние между комунални услуги, точки на прекъсване, сенки и много други.Tailwind е написан на PostCSS и конфигуриран в JavaScript, което означава, че имате пълната мощност на истински език за програмиране под ръка.Tailwind е повече от CSS рамка, това е двигател за създаване на дизайнерски системи.
WebSite:
https://tailwindcss.comХарактеристика
Категории
Алтернативи на Tailwind CSS за Web

1

1

1

1

1

1
Creative Tim
Creative Tim предлага дизайнерски елементи, базирани на Bootstrap, които ускоряват работата ви по разработката.От плъгини до сложни комплекти имаме всичко необходимо.
- Безплатна лична
- Web

1
Frow (flex row) CSS Grid System
Frow е HTML и CSS рамка за създаване на бързи, отзивчиви, първи мобилни проекти в мрежата.
- Безплатно
- Web
- Self-Hosted

1

1
Cascade Framework
Въпреки че цялостният вид и усещане са най-определено вдъхновени от Twitter Bootstrap, рамката Cascade не е просто още един клон Bootstrap.
- Безплатно
- Web

1
Fluid Baseline Grid
Fluid Baseline Grid System е комплект за разработка HTML5 & CSS3, който осигурява солидна основа за бързо проектиране на уебсайтове с лекота.
- Безплатно
- Web

1

1
Material Components for the Web
Материалните компоненти за мрежата (MDC Web) помагат на разработчиците да изпълнят Дизайн на материали.
- Безплатно
- Web

1

0

0
Variable Grid System
Системата с променлива мрежа е бърз начин за генериране на основна CSS мрежа за вашия сайт.CSS генерираният файл е базиран на 960 Grid System.
- Безплатно
- Web