Flin
All Flin articles.
Componentes de gráficos y visualización de datos
Cómo los 25 componentes de gráficos de FlinUI renderizan visualizaciones de datos con marcado FLIN puro -- desde gráficos de líneas hasta treemaps, todos declarativos, reactivos y sin dependencias.
Tokens de diseño y sistema de temas
Cómo el sistema de tokens de diseño de FlinUI proporciona más de 50 tokens para colores, espaciado, tipografía y sombras -- habilitando temas consistentes y modo oscuro en más de 365 componentes.
El sistema de diseño de página
Cómo los componentes de diseño de FlinUI -- Container, Stack, Grid, Flex, Split -- reemplazan el CSS personalizado con primitivas de diseño declarativas y responsivas que se componen naturalmente.
Integración de biblioteca de íconos
Cómo FlinUI integra más de 1,000 íconos Lucide como componentes integrados -- disponibles sin importaciones, renderizados como SVG en línea, personalizables en tamaño y color.
Slots y proyección de contenido
Cómo el sistema de slots de FLIN habilita la composición de componentes -- slots por defecto para hijos, slots con nombre para diseños estructurados, y contenido de respaldo para slots vacíos.
Reactividad a nivel de atributos
Cómo el sistema de reactividad de grano fino de FLIN rastrea dependencias a nivel de atributo -- actualizando solo los atributos DOM específicos que cambian, no componentes enteros.
Alternancia de tema y modo oscuro
Cómo el sistema de temas de FLIN soporta modos claro, oscuro y preferencia del sistema -- con transiciones suaves, preferencias persistentes e integración sin configuración en todos los componentes FlinUI.
La etiqueta raw: válvula de escape para HTML
Cómo la etiqueta <raw> de FLIN permite inyectar HTML confiable directamente en el DOM -- potenciando el renderizado de markdown, íconos SVG y visualización de contenido enriquecido manteniendo la seguridad.
151 componentes FlinUI construidos por agentes de IA
Cómo usamos agentes de IA paralelos para construir 151 componentes FlinUI en una sola sesión extendida -- la estrategia de orquestación, controles de calidad, y lo que revela sobre el desarrollo asistido por IA.
El servidor HTTP embebido de FLIN
Cómo FLIN incluye un servidor HTTP de nivel producción dentro del propio runtime -- sin Express, sin Flask, sin dependencia externa. Solo ejecuta tu archivo .flin y el servidor ya está ahí.
Enrutamiento basado en archivos en FLIN
Cómo la convención del directorio app/ de FLIN elimina la configuración de rutas por completo -- tu sistema de archivos ES tu estructura de URLs, con segmentos dinámicos, rutas catch-all y herencia de middleware.
Rutas API: backend y frontend en un solo archivo
Cómo los bloques de ruta de FLIN permiten definir manejadores GET, POST, PUT, DELETE junto a plantillas de vista en un solo archivo -- eliminando la división frontend/backend por completo.