Vista general
AsterUI proporciona 101 componentes construidos sobre DaisyUI y Tailwind CSS.
Acciones (4)
Visualización de datos (26)
Avatar
Mostrar imágenes de perfil o iniciales.
Badge
Pequeños indicadores de estado y contadores.
Card
Contenedor para contenido y acciones relacionadas.
Carousel
Carrusel de imágenes o contenido.
Chart
Visualización de datos con ApexCharts.
Chat
Burbujas de chat para interfaces de mensajería.
Collapse
Paneles de contenido expandibles.
Countdown
Temporizador de cuenta regresiva animado.
Descriptions
Mostrar pares clave-valor.
Diff
Mostrar diferencias entre dos elementos.
Empty
Marcador de posición para estados vacíos.
HoverGallery
Galería de imágenes con efectos hover.
Image
Imagen mejorada con vista previa y respaldo.
List
Mostrar colecciones de elementos.
VirtualList
Renderizar listas largas eficientemente.
MonthCalendar
Vista de calendario mensual.
Popover
Contenido flotante al pasar o hacer clic.
QRCode
Generar códigos QR escaneables.
Stat
Mostrar estadísticas y métricas.
Status
Mostrar estado en línea/fuera de línea.
Table
Mostrar datos tabulares con ordenación y selección.
Tag
Categorizar contenido con etiquetas.
Timeline
Mostrar eventos cronológicamente.
Tooltip
Mostrar información adicional al pasar.
Tree
Visualización de datos jerárquicos.
WeekCalendar
Vista de calendario semanal.
Entrada de datos (25)
Autocomplete
Entrada con sugerencias desplegables.
Cascader
Selector multinivel.
Checkbox
Control de selección múltiple.
ColorPicker
Seleccionar colores visualmente.
DatePicker
Seleccionar fechas del calendario.
Fieldset
Agrupar campos de formulario.
FileInput
Entrada de selección de archivos.
Filter
Filtrar datos con múltiples criterios.
Form
Manejo de formularios con validación.
Input
Campo de entrada de texto.
InputNumber
Entrada numérica con controles.
Mention
Entrada con soporte para @menciones.
OTPInput
Entrada de código de un solo uso.
Radio
Selección única entre opciones.
Range
Seleccionar valor en un rango.
Rating
Entrada de calificación por estrellas.
RichTextEditor
Editor de texto WYSIWYG.
Segmented
Control segmentado para alternar.
Select
Selección desplegable.
Textarea
Entrada de texto multilínea.
TimePicker
Seleccionar horas.
Toggle
Interruptor de encendido/apagado.
Transfer
Mover elementos entre listas.
TreeSelect
Seleccionar de opciones jerárquicas.
Upload
Subir archivos arrastrando.
Retroalimentación (11)
Alert
Mostrar mensajes importantes.
Drawer
Panel deslizante desde el borde.
Loading
Indicadores de carga.
Message
Mensajes de retroalimentación breves.
Modal
Diálogos superpuestos.
Notification
Notificaciones toast.
Popconfirm
Confirmación antes de actuar.
Progress
Mostrar progreso.
RadialProgress
Indicador de progreso circular.
Result
Mostrar resultados de operaciones.
Skeleton
Formas de marcador de carga.
Navegación (11)
Anchor
Navegar a secciones de la página.
Breadcrumb
Mostrar jerarquía de navegación.
Command
Paleta de comandos para acciones rápidas.
ContextMenu
Menú de clic derecho.
Dock
Navegación estilo dock de macOS.
Menu
Menú de navegación vertical.
Navbar
Barra de navegación superior.
Pagination
Navegar entre páginas.
ResponsiveDrawer
Navegación lateral responsiva.
Steps
Indicador de progreso por pasos.
Tabs
Navegación por pestañas.
Diseño (12)
Container
Contenedor de contenido centrado.
Divider
Separar secciones de contenido.
Flex
Ayudante de diseño flexbox.
Footer
Componente de pie de página.
Grid
Diseño de cuadrícula responsiva.
Hero
Sección hero para páginas de inicio.
Join
Agrupar elementos juntos.
Layout
Estructura de diseño de página.
Masonry
Diseño estilo Pinterest.
Responsive
Mostrar/ocultar por punto de quiebre.
Space
Agregar espaciado consistente.
Splitter
Paneles redimensionables.
Otros (12)
Affix
Fijar elemento a la ventana.
Browser
Maqueta de ventana de navegador.
Code
Mostrar fragmentos de código.
Kbd
Visualización de teclas.
Mask
Aplicar máscaras de imagen.
Phone
Maqueta de dispositivo telefónico.
TextRotate
Texto rotativo animado.
ThemeController
Control de cambio de tema.
Tour
Tours guiados del producto.
Typography
Componentes de estilo de texto.
Watermark
Agregar marcas de agua al contenido.
Window
Maqueta de marco de ventana.
