Tailwind CSS
Tailwind CSS
1
Бесплатное ПО
Открытый код
Категории:
Разработка
Платформы:
Особенности:
web-design responsive-web-design css self-hosted фреймворк css web-development
web-design responsive-web-design css self-hosted фреймворк css web-development
Tailwind отличается от фреймворков, таких как Bootstrap, Foundation или Bulma,
тем, что это не набор UI.
У него нет темы по умолчанию, и нет встроенных компонентов пользовательского
интерфейса.
С другой стороны, он также не имеет мнения о том, как должен выглядеть ваш
сайт, и не навязывает дизайнерские решения, с которыми вам придется бороться,
чтобы отменить.
Если вы ищете платформу, которая поставляется с меню готовых виджетов для
создания вашего сайта, Tailwind может не подойти вам, поэтому у нас есть
несколько альтернатив.
Но если вы хотите начать реализацию индивидуального дизайна со своей
индивидуальностью, то Tailwind может быть именно тем, что вы ищете.
Утилита первый
Создание инфраструктуры для создания пользовательских интерфейсов означает,
что вы не можете предоставлять абстракции на обычном уровне кнопок, форм,
карточек, панелей навигации и т. Д.
Вместо этого Tailwind предоставляет высокоуровневые низкоуровневые служебные
классы, которые позволяют легко создавать сложные пользовательские интерфейсы,
не поощряя любые два сайта выглядеть одинаково.
Компонент дружественный
Хотя вы можете многое сделать только с помощью служебных классов, иногда
компонентный класс является правильным решением.
Tailwind предоставляет инструменты для извлечения классов компонентов из
повторяющихся шаблонов утилит, что позволяет легко обновлять несколько
экземпляров компонента из одного места.
Отзывчивый к ядру
Каждая утилита Tailwind также имеет адаптивные варианты, что позволяет
чрезвычайно легко создавать адаптивные интерфейсы, даже не покидая HTML.
Tailwind использует интуитивный префикс {screen}:, который позволяет легко
заметить реагирующие классы в разметке, сохраняя при этом оригинальное имя
класса узнаваемым и неповрежденным.
Разработанный, чтобы быть настроенным
Если имеет смысл быть настраиваемым, Tailwind позволяет настроить его.
Это включает в себя цвета, размеры границ, веса шрифтов, утилиты разметки,
точки останова, тени и многое другое.
Tailwind написан на PostCSS и настроен на JavaScript, что означает, что у вас
есть все возможности настоящего языка программирования под рукой.
Tailwind - это больше, чем CSS-фреймворк, это движок для создания систем
проектирования.
Аналоги (73):
-
Bootstrap
HTML · CSS Boilerplate · шаблоны для браузерных сайтов и приложений206
Бесплатное ПО Открытый кодcss3 web-design html5 responsive-web-design design-tools css self-hosted адаптивный дизайн javascript html5 boilerplate websites -
Foundation
Foundation - это простая в использовании, мощная и гибкая структура для создания быстрых прототипов и ...43
Бесплатное ПО Открытый кодWebgrid-framework фреймворк css css-grid-system development framework -
Semantic UI
Семантика дает дизайнерам и разработчикам возможность создавать общий словарь для пользовательского интерфейса.38
Бесплатное ПОWebадаптивный дизайн web-design css-grid-system ui-framework responsive-web-design -
Bulma
Современный CSS-фреймворк на основе Flexbox29
Бесплатное ПО Открытый кодWebcss3 web-design css-grid-system поддержка html5 sass css self-hosted адаптивный дизайн фреймворк css малый размер mobile friendly web-development -
UIkit
Легкий и модульный интерфейс для разработки быстрых и мощных веб-интерфейсов.29
Бесплатное ПО Открытый кодWebui-theme-customize web-design html5 responsive-web-design css-grid-system ui-framework web-development -
Materialize
Материал дизайн визуальной веб-рамки27
Бесплатное ПО Открытый кодWebdesign-framework web-design-solutions материальный дизайн web-framework web-design responsive-web-design ui-framework framework адаптивный дизайн фреймворк css web-development mobile-framework responsive-css -
jQuery Mobile
Унифицированная система пользовательского интерфейса на основе HTML5 для всех популярных платформ мобильных устройств, построенная на ...23
Бесплатное ПО Открытый кодWebjquery mobile-apps-development html5-based -
Skeleton
Skeleton - это небольшая коллекция файлов CSS и JS, которые помогут вам быстро разрабатывать сайты, которые ...20
Бесплатное ПО Открытый кодWebадаптивный дизайн css-grid-system фреймворк css css -
Purecss
Набор небольших адаптивных CSS-модулей, которые вы можете использовать в любом веб-проекте.13
Бесплатное ПО Открытый кодWebweb-design html5 responsive-web-design css-grid-system ui-framework yui -
Metro UI CSS
Metro UI CSS - набор стилей для создания сайта с интерфейсом, похожим на Windows 8.11
Бесплатное ПО Открытый кодWebweb-design less css jquery адаптивный дизайн web-development -
Slides Framework
HTML / CSS фреймворк. Идеально подходит для статических сайтов, целевых страниц, прототипирования.8
Платное ПОweb-design website-creator html framework css self-hosted адаптивный дизайн фреймворк css web-development -
Flat UI Pro
Flat UI Pro выполнен на основе Twitter Bootstrap в потрясающем плоском стиле, а также комплект ...7
Платное ПОWebdesign-framework less -
Gridlex
Просто. Robust. Отзывчивый. Гибкое.6
Бесплатное ПО Открытый кодWebhtml5 css-grid-system css self-hosted адаптивный дизайн фреймворк css web-development -
GroundworkCSS
Отзывчивый HTML5, CSS и JavaScript Framework6
Бесплатное ПО Открытый кодWebhtml5 javascript-framework responsive-web-design self-hosted фреймворк css responsive-css -
HTML KickStart
HTML KickStart - это сверхлегкий набор файлов HTML5, CSS и jQuery (javascript), макетов и ...6
Бесплатное ПОWebhtml5 template web-development css -
Material Design for Bootstrap 4
Мощный и бесплатный UI KIT для новейшей Bootstrap 4 и Material Design6
Бесплатное ПОWebweb-design html5 color-palette css jquery фреймворк css angularjs поддержка bootstrap web-development reactjs материальный дизайн responsive-web-design css-grid-system development framework vue.js react bootstrap angular -
MUI
MUI - это облегченная среда HTML / CSS / JS, соответствующая рекомендациям Google по дизайну материалов.6
Бесплатное ПОWebматериальный дизайн html5 development framework css адаптивный дизайн фреймворк css web-development grid -
metro-bootstrap
Простой загрузчик из Twitter в стиле Metro.6
Бесплатное ПО Открытый кодWebcss3 web-design css адаптивный дизайн bootstrap web-development Не поддерживается -
Spectre.css
Легкий, отзывчивый и современный CSS-фреймворк для быстрой и расширяемой разработки.5
Бесплатное ПО Открытый кодWebcss3 web-design css self-hosted адаптивный дизайн фреймворк css web-development -
Element UI
Element, библиотека компонентов на основе Vue 2.0 для разработчиков, дизайнеров и менеджеров по продуктам.4
Бесплатное ПО Открытый кодWebvuejs-mobile vuejs vue-js ui-framework css framework self-hosted javascript vue.js фреймворк css vue -
Mobile Angular UI
Создавайте мобильные приложения HTML5 с помощью Bootstrap и Angular JS4
Бесплатное ПО Открытый кодself-hosted html5 поддержка bootstrap angular -
Material Design Lite
Интерфейсная оболочка Google для создания сайтов по спецификации Material Design.3
Бесплатное ПО Открытый кодWebадаптивный дизайн web-design фреймворк css github -
mini.css
Минимальный, не зависящий от стиля CSS-фреймворк.3
Бесплатное ПО Открытый кодself-hosted developer-tools фреймворк css -
Picnic CSS
Легкая и красивая библиотека. Распакуйте свою еду и начните кодировать.3
Бесплатное ПО Открытый кодcss3 web-design html5 responsive-web-design css-grid-system css design-tools self-hosted адаптивный дизайн фреймворк css web-development grid -
Refills
Заправки представляют собой расфасованные узоры и компоненты, построенные поверх Bourbon, Bitters и Neat.3
Бесплатное ПО Открытый кодWebcss3 web-design html5 css-grid-system development css адаптивный дизайн фреймворк css web-development grid -
Responsable
Responsable - это отзывчивый HTML CSS LESS SCSS-фреймворк с чистой разметкой, нормализованным CSS и ...3
Бесплатное ПО Открытый кодMac Linux Windowsgrid css3 web-design html5 toolkit responsive-web-design css-grid-system development framework design-tools css grid-framework адаптивный дизайн фреймворк css web-development Не поддерживается websites -
Topcoat
Topcoat - это новая библиотека CSS с открытым исходным кодом, разработанная, чтобы помочь разработчикам создавать веб-приложения с ...3
Бесплатное ПО Открытый кодLinux Web Windows Macподдержка тем web-development mobile-apps-development фреймворк css -
320 and Up
Отзывчивый шаблон «сначала крошечный экран».2
Бесплатное ПО Открытый кодWebweb-development responsive-web-design адаптивный дизайн development -
960 Grid System
Система 960 Grid System - это попытка упростить рабочий процесс веб-разработки, предоставляя ...2
Бесплатное ПО Открытый кодMac Linux Web Windowsweb-development css-grid-system фреймворк css -
Blaze CSS
Модульная CSS-структура с открытым исходным кодом, обеспечивающая отличную структуру для быстрого создания сайтов2
Бесплатное ПО Открытый кодMac Linux Windowsscss web-design css3 sass framework css self-hosted stylesheet -
Flexbox Grid
Система сетки, основанная на свойстве flex display2
Бесплатное ПО Открытый кодWebweb-design css-grid-system css self-hosted адаптивный дизайн фреймворк css web-development -
Golden Grid System
Сетка для адаптивного веб-дизайна.2
Бесплатное ПО Открытый кодWebcss-grid-system css -
inuit.css
inuit.css - это легкий, постоянно обновляемый CSS-фреймворк, который предоставляет вам прагматичный ...2
Бесплатное ПО Открытый кодWebадаптивный дизайн фреймворк css web-development responsive-web-design development css -
Juiced (a Flexbox CSS Framework)
Flexbox CSS Framework2
Бесплатное ПО Открытый кодWebcss3 css framework self-hosted фреймворк css web-development -
Kube Web Framework
Бесплатный CSS / JS расширенный и гибкий фреймворк2
Бесплатное ПО Открытый кодWebjavascript-framework фреймворк css css-development -
Less Framework
Less Framework - это сеточная система CSS для проектирования адаптивных веб-сайтов.2
Бесплатное ПО Открытый кодWebcss css-grid-system framework grid -
Milligram
Минималистский CSS-фреймворк.2
Бесплатное ПО Открытый кодweb-design css-grid-system ui-framework self-hosted фреймворк css web-development -
react-md
Цель этого проекта - создать полностью доступный веб-сайт в стиле дизайна материалов ...2
Бесплатное ПО Открытый кодdesign-framework web-design-solutions interface-design web-design материальный дизайн responsive-web-design ui-framework sass framework self-hosted design-tools адаптивный дизайн web-development mobile-framework websites -
Sassy-validation
Библиотека проверки типа данных Sass2
Бесплатное ПО Открытый кодWeb Linux Windows Mac iOS Androidscss front-end sass css -
Susy
Susy: ненавязчивая сеточная система для дизайнеров, построенная на Compass и Sass2
Бесплатное ПО Открытый кодWebcss-grid-system css -
The Goldilocks Approach
Подход Goldilocks к отзывчивому веб-дизайну - хорошая отправная точка для дизайна, который требует ...2
Бесплатное ПО Открытый кодWebweb-development responsive-web-design адаптивный дизайн development -
The Semantic Grid System
Установите ширину столбцов и желобов, выберите количество столбцов и переключайтесь между пикселями и ...2
Бесплатное ПО Открытый кодWebweb-development responsive-web-design адаптивный дизайн development -
Wee
Легкая оболочка для логического построения сложных, отзывчивых веб-проектов.2
Бесплатное ПО Открытый кодWebhtml5 поддержка bootstrap web-development framework css -
yeti.css
И все же легкая модульная библиотека шаблонов, написанная на Stylus.2
Бесплатное ПО Открытый кодMac Linux Windowsgrid front-end modal stylus framework css self-hosted styl forms buttons stylesheet patterns -
Amazium
Система сетки 960 с 12 столбцами для адаптивного веб-дизайна.1
Бесплатное ПОWebweb-development responsive-web-design адаптивный дизайн development -
Basis
Облегченный адаптивный фреймворк Stylus / CSS на основе гибкой рамки.1
Бесплатное ПО Открытый кодweb-design html5 stylus framework css self-hosted javascript фреймворк css web-development stylesheet -
Cascade Framework
Хотя внешний вид и внешний вид наиболее определенно вдохновлены Twitter Bootstrap, Cascade ...1
Бесплатное ПОWebweb-design html5 responsive-web-design css-grid-system development css адаптивный дизайн фреймворк css web-development grid -
Creative Tim
Потрясающие Bootstrap халява и шаблоны для создания лучших сайтов1
Бесплатное ПОWebtemplate поддержка bootstrap design-tools -
DashboardPack
Бесплатные и премиальные Bootstrap 4 Admin Themes & UI Kits - улучшите ваше приложение прямо сейчас с одним из ...1
Бесплатное ПОWebподдержка bootstrap dashboard admin-panel bootstrap4 twitter-bootstrap -
Fluid 960 Grid System
Шаблоны Fluid 960 Grid System были созданы на основе работы Натана Смита и его 960 Grid System ...1
Бесплатное ПО Открытый кодMac Linux Web Windowsweb-development css-grid-system фреймворк css -
Fluid Baseline Grid
Fluid Baseline Grid System - это набор для разработки HTML5 и CSS3, который обеспечивает прочную ...1
Бесплатное ПО Открытый кодWebweb-development responsive-web-design адаптивный дизайн development -
Foldy960
Foldy960 - Адаптивная версия сетки 960, путь Pvel!1
Бесплатное ПО Открытый кодMac Linux Web Windowsадаптивный дизайн фреймворк css web-development css-grid-system css -
Frameless
Копать адаптивный дизайн? Ненавижу жидкие сетки? Попробуйте безрамную сетку.1
Бесплатное ПО Открытый кодWebweb-development responsive-web-design адаптивный дизайн development -
Frow (flex row) CSS Grid System
Frow - это HTML и CSS-фреймворк для создания быстрых, отзывчивых, мобильных мобильных проектов в Интернете.1
Бесплатное ПО Открытый кодWebcss3 web-design css-grid-system css self-hosted адаптивный дизайн фреймворк css web-development -
Gridless
Gridless является опциональным шаблоном HTML5 и CSS3 для обеспечения мобильности в первую очередь реагировать ...1
Бесплатное ПО Открытый кодWebweb-development responsive-web-design адаптивный дизайн development -
Little Widgets
HTML, CSS Framework с красиво оформленными виджетами, всплывающими окнами и формами.1
Платное ПОWebforms-design web-design widget ui-framework css фреймворк css frontend web-development виджет сайта ux design interface-design html-form website-creator responsive-web-design developer-tools mobile-web-design html design-tools widgets popup-notifications -
Material Components for the Web
Модульные и настраиваемые компоненты пользовательского интерфейса Material Design для Интернета1
Бесплатное ПО Открытый кодWebscss web-design материальный дизайн онлайн доступ html ui-framework css material-components javascript material -
Material-UI
Реагируйте на компоненты, которые реализуют Google Material Design.1
Бесплатное ПО Открытый кодWebself-hosted реагировать материальный дизайн web-design фреймворк css web-development css -
Microsoft Web Framework
MWF - это система, которая позволяет авторам сайтов подумать, как лучше всего рассказать историю Microsoft ...1
Бесплатное ПО Открытый кодself-hosted web-framework -
Responsive Grid System
Эффектно легкий адаптивный дизайн1
Бесплатное ПО Открытый кодWebcss3 web-design css-grid-system css адаптивный дизайн web-development -
Shine CSS Framework
Простой и легкий CSS Framework.1
Бесплатное ПО Открытый кодWebcss html framework -
Simple Grid
Simple Grid - это CSS-сетка для вашего сайта1
Бесплатное ПО Открытый кодWebcss3 web-design css-grid-system css self-hosted web-development -
Unsemantic CSS Framework
Unsemantic - это гибкая сеточная система, которая является преемницей 960 Grid System.1
Бесплатное ПО Открытый кодMac Linux Web Windowsадаптивный дизайн web-design фреймворк css web-development css-grid-system -
Wing framework
Минимальный, легкий CSS-фреймворк для создания сайтов.1
Бесплатное ПО Открытый кодself-hosted фреймворк css github developer-tools framework -
Crow (column-row) grid framework
Интеллектуальная сетка, не только для сеток0
Бесплатное ПО Открытый кодWebweb-design css-grid-system css self-hosted фреймворк css web-development -
Eva Design System
Настраиваемая система дизайна легко адаптируется к вашему бренду.0
Бесплатное ПО Открытый кодinterface-design sketch react-ui-toolkit development self-hosted gui-toolkit -
GenesisUI
Bootstrap Admin Templates on steroids! Collection of premium bootstrap admin templates.0
Платное ПОWebinterface-design web-design responsive-framework sass ui-framework jquery bow адаптивный дизайн grunts angularjs bootstrap поддержка bootstrap web-development angular responsive-css -
Leaf (CSS Framework)
CSS-фреймворк, основанный на дизайне материалов Google0
Бесплатное ПО Открытый кодWebweb-design css-grid-system css self-hosted адаптивный дизайн фреймворк css web-development -
Lite CSS
Lite - это простой, отзывчивый и удобный для любого устройства настраиваемый фреймворк.0
Бесплатное ПОWebcss3 html5 responsive-web-design css-grid-system development framework css адаптивный дизайн фреймворк css web-development -
Photon UI Kit
UI инструментарий для создания настольных приложений с Electron0
Бесплатное ПО Открытый кодна основе электронов developer-tools electron css design-tools self-hosted фреймворк css -
Shoelace.css
Shoelace.css - это стартовый набор, а не рамки.0
Бесплатное ПО Открытый кодMac Linux Windowsweb-development web-design css-development css -
Variable Grid System
Система переменных сетки - это быстрый способ создания базовой CSS-сетки для вашего сайта.0
Бесплатное ПОWebweb-development css-framework-gemerator css-grid-generator css-grid-template -
YAML CSS Framework
Еще один многоколонный макет (YAML) - это модульная структура CSS для по-настоящему гибкой, доступной и ...0
Бесплатное ПОWebcss3 html5 toolkit responsive-web-design css фреймворк css web-development grid