
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

3

3
Material Design Lite
Предходна уеб рамка на Google за изграждане на сайтове според спецификацията на Material Design.
- Безплатно
- Web

2

2
Juiced (a Flexbox CSS Framework)
Juiced има много от едни и същи функции на оформлението, които познавате и обичате, но се подобрява при тях с по-добро насочване към мобилни устройства, персонализирано подреждане на колони, по-добри възможности за подравняване ...
- Безплатно
- Web
- Self-Hosted

2
The Semantic Grid System
Задайте ширината на колоните и улуците, изберете броя на колоните и превключете между пиксели и проценти.
- Безплатно
- Web

2
Kube Web Framework
Kube е една от най-модерните и гъвкави рамки в света. Kube ви помага да отделяте по-малко време за рутинни задачи и повече време за създаване на невероятни продукти.
- Безплатно
- Web

2
The Goldilocks Approach
Подходът на Goldilocks към отзивчив уеб дизайн - добра отправна точка за дизайн, който изважда разделителната способност на устройството от уравнението.
- Безплатно
- Web

2
Golden Grid System
Мрежова система за отзивчив уеб дизайн.Включва сгъваеми колони, еластични улуци, увеличаваща се основна решетка и възхитителен скрипт за наслагване на решетката.
- Безплатно
- Web

2
Less Framework
Less Framework е система от CSS мрежи за проектиране на адаптивни уебсайтове.Съдържа 4 оформления и 3 комплекта пресети за типография, всички базирани на една мрежа.
- Безплатно
- Web

2

2

2

2