Galería de Componentes
Arquitectura visual unificada para el ecosistema Biglex J
Explora nuestra biblioteca de componentes reutilizables, diseñados bajo principios de consistencia, accesibilidad y alto rendimiento. Desde botones interactivos hasta tarjetas dinámicas, cada elemento está optimizado para una experiencia de usuario premium.
Botones de Redes Sociales
<Buttons variant="youtube" label="YouTube" href="..."
external />
Botones de Acción
Presets Principales
Presets de Video
Presets Patreon
<Buttons preset="register" />
<Buttons preset="video_tag" label="Tag Name" />
Variantes de Tarjetas
Elevated (Default)
Tarjeta Elevada
La variante estándar con sombra suave y fondo sólido. Ideal para la mayoría de los contenedores.
Glassmorphism
Efecto Glass
Fondo translúcido con desenfoque de fondo y borde sutil. Perfecta para overlays.
Service Chip
Desarrollo Web
Servicio especializado
Channel Layout
Biglex J
2.5K SUSCRIPTORES
<Cards variant="glass"> ... Contenido ... </Cards>
Material Expressive
Botones (MaterialButton)
Icon Buttons
<MaterialButton
variant="filled|tonal|outlined|elevated|gradient" />
Playground en Vivo
Ajusta los valores en tiempo real para visualizar cambios en el diseño de los botones.
--primary: #ec4899;
--button-py: 10px;
--button-radius: 12px;
CÍRCULOS DE ÍCONOS
Burbujas de Canal (Versiones)
Icon System v2.0 (Prototype)
Evolución de Diseño
Comparativa de versiones V1, V2, V3, V3 Clean y V4