AIReady
A11YReady
TouchReady
i18nReady
RTLReady

Crea interfaces modernas con el sistema de diseño y las bibliotecas de Gravity

GitHub
Actualizaciones recientes
Gravity UI ahora es agent-ready: ¡presentamos llms.txt y el skill de Gravity UI en una nueva entrada de blog!
Hemos añadido la tematización de ilustraciones a la sección Específica en Themer — ¡ahora puedes probar rápidamente tu tema en las ilustraciones!
En una nueva entrada de blog, presentamos Gravity UI Charts!

Ejemplos

Empieza a crear con Gravity UI

1

Instala el skill de gravity-ui

Selección de paquetes, APIs actuales, iconos reales y guía de tokens. Dirige a tu agente a todos los paquetes de gravity-ui y a la documentación versionada.

npx skills add gravity-ui/skills
2

Crea algo

Ejemplo 1 de 3

Crea un dashboard adaptativo de consumo: la interfaz con @gravity-ui/uikit y todos los gráficos con @gravity-ui/charts.

Crea una landing de producto con un hero, tarjetas de características y una sección de precios con componentes de Gravity UI.

Maqueta la página de bienvenida del panel de administración de una tienda online: saludo, mosaicos de métricas clave y una tabla de pedidos recientes.

Skill de Gravity UI activado

Colaboradores

Con la confianza de