Plass UI

Sobre este proyecto

Plass UI es un único lenguaje de diseño entregado como dos bibliotecas. Los mismos ciento veintisiete componentes, con los mismos nombres y las mismas cifras, están disponibles para un proyecto de React y para una aplicación de Flutter, con tres más en el lado de React para problemas que solo tiene el DOM, así que lo aprendido en un lado se usa en el otro en vez de que dos sistemas se separen para la tercera versión.

Cada superficie responde a una sola pregunta: ¿esto se pulsa o contiene algo? Lo que se pulsa es vidrio teñido: un degradado que gira dentro de su familia de color en lugar de oscurecerse, una sombra proyectada en ese mismo color y un halo de luz que sigue al puntero. Lo que contiene algo es vidrio claro: translúcido, profundamente desenfocado, ribeteado con una línea blanca finísima y nunca teñido. Nada está biselado y nada se mueve al pulsarlo, porque la profundidad la llevan la luz, el color y el desenfoque. Cada parada del degradado se midió contra su propia etiqueta, de modo que hasta el rincón más claro alcanza el contraste que un lector necesita.

Cinco propiedades — size, color, variant, density y elevation — sostienen toda la API, y el modo oscuro sigue a la plataforma en ambos lados. El paquete de React es ESM, admite tree shaking y tiene dos dependencias en tiempo de ejecución, la segunda de las cuales, highlight.js, solo se descarga cuando un bloque de código de verdad resalta algo; el de Flutter no tiene ninguna, ni recursos, ni complementos, ni proveedor. Lo único que ninguno de los dos puede hacer por ti es pintar la página que hay detrás del vidrio, y existen dos tokens exactamente para eso.

Características

• Sitio de documentación

• Tipos de TypeScript

• Varios idiomas

• Verificado con pruebas

• Multiplataforma

• Accesible de fábrica

• Modo oscuro

• Admite tree shaking