Plass UI

Sobre este projeto

O Plass UI é uma só linguagem de desenho entregue como duas bibliotecas. Os mesmos cento e vinte e sete componentes, com os mesmos nomes e os mesmos números, estão disponíveis para um projeto React e para uma aplicação Flutter, com mais três do lado do React para problemas que só o DOM tem, pelo que o que se aprende de um lado se usa do outro, em vez de dois sistemas se afastarem já na terceira versão.

Cada superfície responde a uma única pergunta: isto é para premir, ou contém alguma coisa? O que se preme é vidro tingido — um gradiente que roda dentro da sua família de cor em vez de escurecer, uma sombra lançada nessa mesma cor, e um brilho que segue o ponteiro. O que contém alguma coisa é vidro claro: translúcido, profundamente desfocado, orlado por uma linha branca finíssima e nunca tingido. Nada é biselado e nada se mexe ao ser premido, porque a profundidade é dada pela luz, pela cor e pelo desfoque. Cada paragem do gradiente foi medida contra a sua própria etiqueta, de modo que até o canto mais claro atinge o contraste de que um leitor precisa.

Cinco propriedades — size, color, variant, density e elevation — sustentam toda a API, e o modo escuro segue a plataforma dos dois lados. O pacote React é ESM, permite tree shaking e tem duas dependências de execução, a segunda das quais, o highlight.js, só é descarregada quando um bloco de código realça mesmo alguma coisa; o pacote Flutter não tem nenhuma, nem recursos, nem extensões, nem provider. A única coisa que nenhum dos dois pode fazer por si é pintar a página por trás do vidro — e existem dois tokens exatamente para isso.

Funcionalidades

• Site de documentação

• Tipos de TypeScript

• Vários idiomas

• Verificado por testes

• Multiplataforma

• Acessível de origem

• Modo escuro

• Permite tree shaking