Tailwind CSS icon

TailwindCSS para Designers

Quem é designer sabe: gerenciar os estilos de uma aplicação pode não ser trivial. Na web, fazemos isso através do CSS. E, ao longo dos anos, muitos frameworks otimizaram essa tarefa mas, muitas vezes, ao custo de complicar a customização.

TailwindCSS entra na equação para promover toda flexibilidade e autonomia dentro de um sistema de estilos já estruturado. Você toma decisões de design com uma lista curada de propriedades CSS, economizando muito trabalho no setup de um robusto design system.

Feito para designers

A idéia aqui é compartilhar conhecimento sobre o framework para designers, expondo o racional por trás e como utiliza-lo de maneira prática, em português.

Utility Classes e separação de responsabilidade

Constraint-based

Setup Básico

Customização

Extraindo componentes

Responsividade, Estados e Dark Mode

Mais sobre TailwindCSS

Felizmente, a documentação do Tailwind é uma das melhores por aí. E ainda, sua comunidade só cresce, enriquecendo o framework e estabilizando-o. Tailwind foi o framework que mais chamou atenção no State of CSS de 2020.

Documentação oficial

Adam Watham (Criador)

Steve Schoreger (Designer)

Tailwind UI

Feito por

Me chamoDanilo Leale sou designer e explorador do mundo. Fuçador senior da internet, aprendo muito por aqui. Espero conseguir passar alguma coisa para você também :)

2021 ® Danilo Leal