'/%3e%3cg%20transform='translate(170%20205)%20scale(0.3606)'%20fill='%23111011'%3e%3cpath%20d='M497%20640H359L248%20320%20122%20640H0L256%200z'/%3e%3cpath%20d='M292.43%20640H200.8L248%20522z'/%3e%3cpath%20d='M335%200h138l111%20320L710%200h122L576%20640z'/%3e%3c/g%3e%3c/svg%3e){kind=small}
Recursos
Empieza desde algo terminado
Plantillas de página completa, bloques listos, un playground, el kit y los plugins de Figma. Toma una pantalla que ya funciona y hazla tuya.
- 403
- 404
- 500
- Landing
- Dashboard
- Settings
- Iniciar sesión
- Landing bento (Graphite)
- Dashboard de análisis
- Dashboard de monitoreo
- Espacio de trabajo
- Lista en tabla
- Lista de tarjetas
- Lista de búsqueda
- Tablero
- Formulario básico
- Formulario por pasos
- Formulario avanzado
- Perfil básico
- Perfil avanzado
- Éxito
- Fallo
- Centro de cuenta
- Ajustes de cuenta
En esta sección
Construye más rápido
- PlantillasPáginas completas para empezar: una app Pro con dashboards, listas, formularios, perfiles, resultados y excepciones, además de landing, ajustes e inicio de sesión.
- BloquesSecciones listas hechas con los componentes: hero, funciones, precios, preguntas frecuentes, autenticación, ajustes, tablas de datos, onboarding y más.
- PlaygroundCada componente en cada estado, oscuro y claro lado a lado.
- Kit de FigmaLos mismos tokens como variables de Figma en Dark y Light, y componentes con las mismas props.
Y más
Plugins, Pro y la licencia
- Plugins de FigmaContraste, escalas tipográficas, desvíos de tokens, pruebas de estrés de texto y más, hechos para la forma en que está construido Alea.
- Alea ProLa parte paga de Alea: gráficos, DataGrid, arrastrar y soltar, el editor de Markdown, CalendarView, efectos premium, bloques, plantillas y el kit de Figma, bajo una licencia comercial.
- LicenciaCómo se licencia Alea: el núcleo bajo MIT, Alea Pro bajo una licencia comercial, y los proyectos de código abierto sobre los que se construye.
Agregado recientemente
Lo nuevo en Alea
- PromptInputEl cuadro de mensaje de un asistente: crece con el texto, Enter envía, el botón Enviar se vuelve Detener mientras se genera una respuesta, y las sugerencias dan un punto de partida.
- Partes de una respuesta de IALo que rodea a una respuesta: el razonamiento detrás, las herramientas que usó un agente, las fuentes con citas en el texto, y acciones para copiarla, regenerarla y calificarla.
- RichTextEditorUn editor de texto enriquecido (WYSIWYG) con una barra que se colapsa a las herramientas más usadas: estilos y tamaños de texto, marcas, listas y listas de tareas, tablas editables, imágenes, buscar y reemplazar, y atajos de Markdown. El contenido pegado y el valor se limpian a un conjunto seguro de etiquetas.
- SchedulerVistas de día y semana con una cuadrícula horaria: eventos ubicados por hora y lado a lado cuando se superponen, una fila de todo el día, la hora actual, un selector de periodo, un cambio de vista y eventos nuevos con un clic o un botón.
- MediaPlayerVideo y audio con controles al estilo Alea: reproducir, buscar con indicador de tiempo, retroceder y adelantar, volumen, velocidad, subtítulos, imagen en imagen y pantalla completa, con las teclas que la gente ya conoce.
- ModalUn modal que contiene cualquier cosa: un formulario, una galería, un video, un asistente. Encabezado y pie opcionales, siete tamaños, centrado o arriba, scroll en el cuerpo o en todo el modal, multimedia a sangre y tres fondos.
- ChatConversaciones: mensajes en burbujas o simples, rachas del mismo autor, separadores por día, una línea de Mensajes nuevos, estados de entrega, reacciones, enlaces a hilos, acciones al pasar el mouse y un indicador de escritura.
- AppLauncherLa grilla de apps detrás de un botón en el encabezado, para saltar entre los productos de una suite.
Plantillas
Todas las plantillas
Cada una es una página real hecha con los componentes, lista para abrir, copiar y cambiar.
- 403Sin acceso.
- 404No encontrada.
- 500Error del servidor.
- LandingHero, funciones, testimonios, precios, preguntas frecuentes, llamada a la acción y pie de página.
- DashboardKPI, onboarding, notificaciones, pedidos y un calendario en el marco de la app.
- SettingsAjustes de cuenta en el marco de la app.
- Iniciar sesiónUna página dividida: la marca de un lado, el formulario del otro.
- Landing bento (Graphite)El preset monocromo Graphite: un hero sans, una grilla bento de componentes en vivo, un marquee de logos y una tarjeta de precios con haz.
- Dashboard de análisisTarjetas de KPI con gráficos pequeños, una tendencia de ventas con un ranking, búsquedas principales y ventas por categoría.
- Dashboard de monitoreoNúmeros en vivo, un gráfico de solicitudes, gauges de capacidad, un mapa de calor de errores e incidentes.
- Espacio de trabajoUn saludo, proyectos, actividad, enlaces rápidos y el índice del equipo.
- Lista en tablaUn formulario de consulta sobre una grilla de datos completa.
- Lista de tarjetasProductos como tarjetas con cintas y acciones.
- Lista de búsquedaBúsqueda con sugerencias, filtros y resultados paginados.
- TableroUn tablero kanban que puedes usar con el teclado.
- Formulario básicoUna tarjeta de campos comunes.
- Formulario por pasosCompletar, confirmar, listo.
- Formulario avanzadoSecciones, una tabla de miembros y una barra de acciones fija.
- Perfil básicoDetalles del pedido, artículos y envío.
- Perfil avanzadoEstadísticas en el encabezado, progreso, detalles y un registro.
- ÉxitoUn resultado de éxito con los siguientes pasos.
- FalloUn resultado de fallo con los motivos.
- Centro de cuentaPerfil, etiquetas, equipos y trabajo.
- Ajustes de cuentaSecciones de perfil, seguridad, cuentas y notificaciones.
Preguntas