Visão geral
AsterUI fornece 101 componentes construídos sobre DaisyUI e Tailwind CSS.
Ações (4)
Exibição de dados (26)
Avatar
Exibir imagens de perfil ou iniciais.
Badge
Pequenos indicadores de status e contadores.
Card
Contêiner para conteúdo e ações relacionadas.
Carousel
Carrossel de imagens ou conteúdo.
Chart
Visualização de dados com ApexCharts.
Chat
Bolhas de chat para interfaces de mensagens.
Collapse
Painéis de conteúdo expansíveis.
Countdown
Temporizador de contagem regressiva animado.
Descriptions
Exibir pares chave-valor.
Diff
Exibir diferenças entre dois itens.
Empty
Placeholder para estados vazios.
HoverGallery
Galeria de imagens com efeitos hover.
Image
Imagem aprimorada com preview e fallback.
List
Exibir coleções de itens.
VirtualList
Renderizar listas longas eficientemente.
MonthCalendar
Visualização de calendário mensal.
Popover
Conteúdo flutuante ao passar ou clicar.
QRCode
Gerar códigos QR escaneáveis.
Stat
Exibir estatísticas e métricas.
Status
Exibir status online/offline.
Table
Exibir dados tabulares com ordenação e seleção.
Tag
Categorizar conteúdo com etiquetas.
Timeline
Exibir eventos cronologicamente.
Tooltip
Exibir informações adicionais ao passar.
Tree
Exibição de dados hierárquicos.
WeekCalendar
Visualização de calendário semanal.
Entrada de dados (25)
Autocomplete
Campo com sugestões suspensas.
Cascader
Seleção multinível.
Checkbox
Controle de seleção múltipla.
ColorPicker
Selecionar cores visualmente.
DatePicker
Selecionar datas do calendário.
Fieldset
Agrupar campos de formulário.
FileInput
Entrada de seleção de arquivos.
Filter
Filtrar dados com múltiplos critérios.
Form
Gerenciamento de formulários com validação.
Input
Campo de entrada de texto.
InputNumber
Entrada numérica com controles.
Mention
Campo com suporte a @menções.
OTPInput
Entrada de código único.
Radio
Seleção única entre opções.
Range
Selecionar valor em um intervalo.
Rating
Entrada de avaliação por estrelas.
RichTextEditor
Editor de texto WYSIWYG.
Segmented
Controle segmentado para alternar.
Select
Seleção suspensa.
Textarea
Entrada de texto multilinha.
TimePicker
Selecionar horários.
Toggle
Interruptor liga/desliga.
Transfer
Mover itens entre listas.
TreeSelect
Selecionar de opções hierárquicas.
Upload
Upload de arquivos com arrastar e soltar.
Feedback (11)
Alert
Exibir mensagens importantes.
Drawer
Painel deslizante da borda.
Loading
Indicadores de carregamento.
Message
Mensagens de feedback breves.
Modal
Diálogos sobrepostos.
Notification
Notificações toast.
Popconfirm
Confirmação antes de agir.
Progress
Exibir progresso.
RadialProgress
Indicador de progresso circular.
Result
Exibir resultados de operações.
Skeleton
Formas de placeholder de carregamento.
Navegação (11)
Anchor
Navegar para seções da página.
Breadcrumb
Exibir hierarquia de navegação.
Command
Paleta de comandos para ações rápidas.
ContextMenu
Menu de clique direito.
Dock
Navegação estilo dock do macOS.
Menu
Menu de navegação vertical.
Navbar
Barra de navegação superior.
Pagination
Navegar entre páginas.
ResponsiveDrawer
Navegação lateral responsiva.
Steps
Indicador de progresso por etapas.
Tabs
Navegação por abas.
Layout (12)
Container
Wrapper de conteúdo centralizado.
Divider
Separar seções de conteúdo.
Flex
Auxiliar de layout flexbox.
Footer
Componente de rodapé.
Grid
Layout de grade responsiva.
Hero
Seção hero para páginas iniciais.
Join
Agrupar elementos juntos.
Layout
Estrutura de layout de página.
Masonry
Layout estilo Pinterest.
Responsive
Mostrar/ocultar por breakpoint.
Space
Adicionar espaçamento consistente.
Splitter
Painéis redimensionáveis.
Outros (12)
Affix
Fixar elemento na viewport.
Browser
Mockup de janela de navegador.
Code
Exibir trechos de código.
Kbd
Exibição de teclas.
Mask
Aplicar máscaras de imagem.
Phone
Mockup de dispositivo telefônico.
TextRotate
Texto rotativo animado.
ThemeController
Controle de troca de tema.
Tour
Tours guiados do produto.
Typography
Componentes de estilo de texto.
Watermark
Adicionar marcas d'água ao conteúdo.
Window
Mockup de moldura de janela.