tailwind_standards

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Tailwind_standards traz a abordagem de estilização baseada em utilitários do Tailwind CSS para o Flutter, oferecendo um conjunto de classes pré-definidas para cores, tamanhos e pesos de fonte. Inclui um widget TText que simplifica o estilo de texto com sintaxe concisa e legível. Projetado para desenvolvedores familiarizados com o Tailwind, permite o desenvolvimento rápido de interfaces em múltiplas plataformas. O pacote suporta Android, iOS, Web, macOS, Windows e Linux, tornando-o ideal para aplicativos multiplataforma que buscam padrões de design consistentes e escaláveis sem precisar escrever estilos personalizados.

Casos de uso

Prototipagem rápida de UI
Estilo de aplicativo multiplataforma
Sistemas de design consistentes
Simplificando o estilo de texto
Reduzindo código boilerplate

Principais recursos

Classes de utilidade inspiradas no Tailwind
Widget TText para texto estilizado
Predefinições de cor, tamanho e peso
Suporte multiplataforma
CSS personalizado mínimo necessário
Sintaxe de estilo limpa e legível

Indicado para

Desenvolvedores Flutter familiarizados com o Tailwind CSS
Equipes que priorizam a consistência de design
Projetos que exigem iteração rápida da interface do usuário
Desenvolvimento de aplicativos web e móveis
Desenvolvedores que querem reduzir a verbosidade do CSS

Considerações

Limitado a utilitários básicos de estilização
Não é uma substituição completa do CSS
Requer o aprendizado de novas convenções de widget
Mais adequado para interfaces de usuário simples a moderadas
Menos flexível do que abordagens de estilização personalizada

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

Tailwind Standards

Style your Flutter app with Tailwind CSS. Colors, Sizes, Weights and a TText widget that takes classes. All in the same structure as you would use Tailwind CSS in HTML.

Features

TColor: Use all tailwind default colors
TText: An extension on the Flutter Text widget that can be styled in the same way as a class in HTML.
TSize: All tailwind default sizes are easily accessible
TWeight: Use the naming convention of Tailwind CSS for weights

Getting started

To install the package run the following command.

flutter pub add tailwind_standards

Usage

TColor

TColor has all the default colors that Tailwind CSS offers. You can access every color in the following way.

Color tcolor = TColor.slate500;

TText

TText is an extension of the Text widget from Flutter. It takes classes in the same structure as when you use Tailwind CSS for HTML.

const TText(
    'TText widget from tailwind_standards!',
    props: 'text-xs text-gray-500 text-center font-bold',
),

TSize

TSize has all the default Tailwind CSS sizes that are mostly used in padding, margin, etc.

int tsize = TSize.lg;

TWeight

TWeight translates the Tailwind CSS naming convention to the font weights used in Flutter.

FontWeight tweight = TWeight.semiBold;

Additional information

Feedback is always welcome! If you see improvements or if something comes to your attention, please let me know or create a pull request.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote