Plass UI
Uma única linguagem visual de vidro e gradiente, publicada como biblioteca React e como pacote Flutter com os mesmos nomes de componente. O que se pressiona tem cor; o que guarda conteúdo é transparente.
Sobre este projeto
O Plass UI é uma só linguagem de desenho entregue como duas bibliotecas. Os mesmos setenta e nove componentes, com os mesmos nomes e os mesmos números, estão disponíveis para um projeto React e para uma aplicação Flutter, 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 uma dependência de execução; 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