ui-kit-fravelz

Biblioteca con componentes de react personalizados, para uso en páginas web, hechas no como proyectos web, sino para notas para proyectos públicos que hacen parte del perfil del usuario (*yo).

Nota: No olvidar cambiar las versiones en este apartado y en el apartado de package.json, al actualizar y agregar cambios.

Versión: 1.1.0

Autor: Fravelz

🎨 Actualización v1.1.0 - Mejoras de Diseño

✨ Componentes Mejorados

Todos los componentes existentes han sido mejorados siguiendo la Guía de Diseño Visual:

• ✅ Button - Variantes (primary, secondary, outline, ghost) y tamaños (sm, md, lg)
• ✅ Text - Variantes de color y tamaños personalizables
• ✅ Link - Nuevas variantes de color (cyan, purple, accent)
• ✅ Title - Títulos con gradientes automáticos
• ✅ Line - Múltiples variantes de divisores
• ✅ Code - Mejor estilización con bordes y efectos
• ✅ Table - Estilos mejorados con hover effects
• ✅ Message - Diseño modal mejorado
• ✅ Roadmap - Timeline con gradientes

🆕 Componentes Nuevos

Atoms (7 nuevos)

• Alert - Componentes de alerta con variantes
• Badge - Etiquetas/chips personalizables
• Divider - Divisores flexibles
• GradientText - Texto con gradientes
• Input - Campos de entrada avanzados
• Tag - Etiquetas removibles
• Tooltip - Información emergente

Molecules (6 nuevos)

• CallToAction - Botones de llamada a acción
• Card - Tarjetas contenedoras
• Container - Contenedores de layout
• Grid - Sistema de grid responsive
• ProgressBar - Barra de progreso
• Section - Secciones semánticas

Organisms (1 nuevo)

• Section - Componente de sección con encabezados

📚 Documentación

Se incluye archivo COMPONENTES_NUEVOS.md con:

• Documentación de todos los componentes
• Ejemplos de uso
• Props disponibles
• Variantes y tamaños
• Ejemplos de layouts completos

🎭 Características Visuales

Siguiendo la paleta de colores:

• Primarios: Cyan (#06B6D4) y Purple (#A855F7)
• Secundarios: Gradientes y colores con opacidad
• Transiciones: Suaves y consistentes
• Bordes: Transparentes con hover effects
• Sombras: Glow effects con colores primarios