Tailwind CSS icon

Tailwind CSS

Tailwind CSS icon

Tailwind CSS

  1
Бесплатное ПО Открытый код
Категории: Разработка
Платформы:
Особенности:
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
    Бесплатное ПО Открытый код
    Web
    grid-framework фреймворк css css-grid-system development framework
  • Semantic UI

    Семантика дает дизайнерам и разработчикам возможность создавать общий словарь для пользовательского интерфейса.
      38
    Бесплатное ПО
    Web
    адаптивный дизайн web-design css-grid-system ui-framework responsive-web-design
  • Bulma

    Современный CSS-фреймворк на основе Flexbox
      29
    Бесплатное ПО Открытый код
    Web
    css3 web-design css-grid-system поддержка html5 sass css self-hosted адаптивный дизайн фреймворк css малый размер mobile friendly web-development
  • UIkit

    Легкий и модульный интерфейс для разработки быстрых и мощных веб-интерфейсов.
      29
    Бесплатное ПО Открытый код
    Web
    ui-theme-customize web-design html5 responsive-web-design css-grid-system ui-framework web-development
  • Materialize

    Материал дизайн визуальной веб-рамки
      27
    Бесплатное ПО Открытый код
    Web
    design-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
    Бесплатное ПО Открытый код
    Web
    jquery mobile-apps-development html5-based
  • Skeleton

    Skeleton - это небольшая коллекция файлов CSS и JS, которые помогут вам быстро разрабатывать сайты, которые ...
      20
    Бесплатное ПО Открытый код
    Web
    адаптивный дизайн css-grid-system фреймворк css css
  • Purecss

    Набор небольших адаптивных CSS-модулей, которые вы можете использовать в любом веб-проекте.
      13
    Бесплатное ПО Открытый код
    Web
    web-design html5 responsive-web-design css-grid-system ui-framework yui
  • Metro UI CSS

    Metro UI CSS - набор стилей для создания сайта с интерфейсом, похожим на Windows 8.
      11
    Бесплатное ПО Открытый код
    Web
    web-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
    Платное ПО
    Web
    design-framework less
  • Gridlex

    Просто. Robust. Отзывчивый. Гибкое.
      6
    Бесплатное ПО Открытый код
    Web
    html5 css-grid-system css self-hosted адаптивный дизайн фреймворк css web-development
  • GroundworkCSS

    Отзывчивый HTML5, CSS и JavaScript Framework
      6
    Бесплатное ПО Открытый код
    Web
    html5 javascript-framework responsive-web-design self-hosted фреймворк css responsive-css
  • HTML KickStart

    HTML KickStart - это сверхлегкий набор файлов HTML5, CSS и jQuery (javascript), макетов и ...
      6
    Бесплатное ПО
    Web
    html5 template web-development css
  • Material Design for Bootstrap 4

    Мощный и бесплатный UI KIT для новейшей Bootstrap 4 и Material Design
      6
    Бесплатное ПО
    Web
    web-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
    Бесплатное ПО Открытый код
    Web
    css3 web-design css адаптивный дизайн bootstrap web-development Не поддерживается
  • Spectre.css

    Легкий, отзывчивый и современный CSS-фреймворк для быстрой и расширяемой разработки.
      5
    Бесплатное ПО Открытый код
    Web
    css3 web-design css self-hosted адаптивный дизайн фреймворк css web-development
  • Element UI

    Element, библиотека компонентов на основе Vue 2.0 для разработчиков, дизайнеров и менеджеров по продуктам.
      4
    Бесплатное ПО Открытый код
    Web
    vuejs-mobile vuejs vue-js ui-framework css framework self-hosted javascript vue.js фреймворк css vue
  • Mobile Angular UI

    Создавайте мобильные приложения HTML5 с помощью Bootstrap и Angular JS
      4
    Бесплатное ПО Открытый код
    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
    Бесплатное ПО Открытый код
    Web
    css3 web-design html5 css-grid-system development css адаптивный дизайн фреймворк css web-development grid
  • Responsable

    Responsable - это отзывчивый HTML CSS LESS SCSS-фреймворк с чистой разметкой, нормализованным CSS и ...
      3
    Бесплатное ПО Открытый код
    Mac Linux Windows
    grid 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
    Бесплатное ПО Открытый код
    Web
    web-development responsive-web-design адаптивный дизайн development
  • 960 Grid System

    Система 960 Grid System - это попытка упростить рабочий процесс веб-разработки, предоставляя ...
      2
    Бесплатное ПО Открытый код
    Mac Linux Web Windows
    web-development css-grid-system фреймворк css
  • Blaze CSS

    Модульная CSS-структура с открытым исходным кодом, обеспечивающая отличную структуру для быстрого создания сайтов
      2
    Бесплатное ПО Открытый код
    Mac Linux Windows
    scss web-design css3 sass framework css self-hosted stylesheet
  • Flexbox Grid

    Система сетки, основанная на свойстве flex display
      2
    Бесплатное ПО Открытый код
    Web
    web-design css-grid-system css self-hosted адаптивный дизайн фреймворк css web-development
  • Golden Grid System

    Сетка для адаптивного веб-дизайна.
      2
    Бесплатное ПО Открытый код
    Web
    css-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 Framework
      2
    Бесплатное ПО Открытый код
    Web
    css3 css framework self-hosted фреймворк css web-development
  • Kube Web Framework

    Бесплатный CSS / JS расширенный и гибкий фреймворк
      2
    Бесплатное ПО Открытый код
    Web
    javascript-framework фреймворк css css-development
  • Less Framework

    Less Framework - это сеточная система CSS для проектирования адаптивных веб-сайтов.
      2
    Бесплатное ПО Открытый код
    Web
    css 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

    Библиотека проверки типа данных Sass
      2
    Бесплатное ПО Открытый код
    Web Linux Windows Mac iOS Android
    scss front-end sass css
  • Susy

    Susy: ненавязчивая сеточная система для дизайнеров, построенная на Compass и Sass
      2
    Бесплатное ПО Открытый код
    Web
    css-grid-system css
  • The Goldilocks Approach

    Подход Goldilocks к отзывчивому веб-дизайну - хорошая отправная точка для дизайна, который требует ...
      2
    Бесплатное ПО Открытый код
    Web
    web-development responsive-web-design адаптивный дизайн development
  • The Semantic Grid System

    Установите ширину столбцов и желобов, выберите количество столбцов и переключайтесь между пикселями и ...
      2
    Бесплатное ПО Открытый код
    Web
    web-development responsive-web-design адаптивный дизайн development
  • Wee

    Легкая оболочка для логического построения сложных, отзывчивых веб-проектов.
      2
    Бесплатное ПО Открытый код
    Web
    html5 поддержка bootstrap web-development framework css
  • yeti.css

    И все же легкая модульная библиотека шаблонов, написанная на Stylus.
      2
    Бесплатное ПО Открытый код
    Mac Linux Windows
    grid front-end modal stylus framework css self-hosted styl forms buttons stylesheet patterns
  • Amazium

    Система сетки 960 с 12 столбцами для адаптивного веб-дизайна.
      1
    Бесплатное ПО
    Web
    web-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
    Бесплатное ПО
    Web
    web-design html5 responsive-web-design css-grid-system development css адаптивный дизайн фреймворк css web-development grid
  • Creative Tim

    Потрясающие Bootstrap халява и шаблоны для создания лучших сайтов
      1
    Бесплатное ПО
    Web
    template поддержка 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 Windows
    web-development css-grid-system фреймворк css
  • Fluid Baseline Grid

    Fluid Baseline Grid System - это набор для разработки HTML5 и CSS3, который обеспечивает прочную ...
      1
    Бесплатное ПО Открытый код
    Web
    web-development responsive-web-design адаптивный дизайн development
  • Foldy960

    Foldy960 - Адаптивная версия сетки 960, путь Pvel!
      1
    Бесплатное ПО Открытый код
    Mac Linux Web Windows
    адаптивный дизайн фреймворк css web-development css-grid-system css
  • Frameless

    Копать адаптивный дизайн? Ненавижу жидкие сетки? Попробуйте безрамную сетку.
      1
    Бесплатное ПО Открытый код
    Web
    web-development responsive-web-design адаптивный дизайн development
  • Frow (flex row) CSS Grid System

    Frow - это HTML и CSS-фреймворк для создания быстрых, отзывчивых, мобильных мобильных проектов в Интернете.
      1
    Бесплатное ПО Открытый код
    Web
    css3 web-design css-grid-system css self-hosted адаптивный дизайн фреймворк css web-development
  • Gridless

    Gridless является опциональным шаблоном HTML5 и CSS3 для обеспечения мобильности в первую очередь реагировать ...
      1
    Бесплатное ПО Открытый код
    Web
    web-development responsive-web-design адаптивный дизайн development
  • Little Widgets

    HTML, CSS Framework с красиво оформленными виджетами, всплывающими окнами и формами.
      1
    Платное ПО
    Web
    forms-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
    Бесплатное ПО Открытый код
    Web
    scss web-design материальный дизайн онлайн доступ html ui-framework css material-components javascript material
  • Material-UI

    Реагируйте на компоненты, которые реализуют Google Material Design.
      1
    Бесплатное ПО Открытый код
    Web
    self-hosted реагировать материальный дизайн web-design фреймворк css web-development css
  • Microsoft Web Framework

    MWF - это система, которая позволяет авторам сайтов подумать, как лучше всего рассказать историю Microsoft ...
      1
    Бесплатное ПО Открытый код
    self-hosted web-framework
  • Responsive Grid System

    Эффектно легкий адаптивный дизайн
      1
    Бесплатное ПО Открытый код
    Web
    css3 web-design css-grid-system css адаптивный дизайн web-development
  • Shine CSS Framework

    Простой и легкий CSS Framework.
      1
    Бесплатное ПО Открытый код
    Web
    css html framework
  • Simple Grid

    Simple Grid - это CSS-сетка для вашего сайта
      1
    Бесплатное ПО Открытый код
    Web
    css3 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
    Бесплатное ПО Открытый код
    Web
    web-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
    Платное ПО
    Web
    interface-design web-design responsive-framework sass ui-framework jquery bow адаптивный дизайн grunts angularjs bootstrap поддержка bootstrap web-development angular responsive-css
  • Leaf (CSS Framework)

    CSS-фреймворк, основанный на дизайне материалов Google
      0
    Бесплатное ПО Открытый код
    Web
    web-design css-grid-system css self-hosted адаптивный дизайн фреймворк css web-development
  • Lite CSS

    Lite - это простой, отзывчивый и удобный для любого устройства настраиваемый фреймворк.
      0
    Бесплатное ПО
    Web
    css3 html5 responsive-web-design css-grid-system development framework css адаптивный дизайн фреймворк css web-development
  • Photon UI Kit

    UI инструментарий для создания настольных приложений с Electron
      0
    Бесплатное ПО Открытый код
    на основе электронов developer-tools electron css design-tools self-hosted фреймворк css
  • Shoelace.css

    Shoelace.css - это стартовый набор, а не рамки.
      0
    Бесплатное ПО Открытый код
    Mac Linux Windows
    web-development web-design css-development css
  • Variable Grid System

    Система переменных сетки - это быстрый способ создания базовой CSS-сетки для вашего сайта.
      0
    Бесплатное ПО
    Web
    web-development css-framework-gemerator css-grid-generator css-grid-template
  • YAML CSS Framework

    Еще один многоколонный макет (YAML) - это модульная структура CSS для по-настоящему гибкой, доступной и ...
      0
    Бесплатное ПО
    Web
    css3 html5 toolkit responsive-web-design css фреймворк css web-development grid