Button
Cada variante, tono y animación
Componentes animados
132 componentes gratis que hacen que las pantallas de tu app cobren vida: números que ruedan, toasts apilados, pestañas que se deslizan, inputs que tiemblan. CSS primero, movimiento reducido respetado, claro y oscuro. Filtra por lo que los mueve.
Ctrl K
132 componentes
UI base 30
ExplorarPlaygroundGratis
Badge
Estado en todos los estilos
Card
Tarjetas en capas con acentos
Input
Etiquetas, iconos y estados
Avatar
Estado, anillos y grupos
Alert
Mensajes en línea con acciones
Tabs
Seis estilos de pestañas, una API
Switch
Interruptor con cinco looks
Checkbox & Radio
Casillas, radios y tarjetas
Separator
Separadores con etiqueta
Breadcrumb
Rutas que se pliegan con orden
Pagination
Páginas, tamaños y saltos
Heading
Tipografía de titular con movimiento
Text
Texto de cuerpo con presets
Link
Siete estilos de subrayado
Kbd
Teclas que reaccionan al pulsar
Stat Card
Una métrica con tendencia
Select
Con búsqueda, grupos y múltiple
Dialog & Sheet
Diálogos y hojas
Tooltip
Pistas con atajos
Popover
Paneles flotantes
Dropdown Menu
Menús con submenús
Combobox
Búsqueda con resultados asíncronos
Date Picker
Fechas, rangos y hora
Multi-step Form
Asistentes con validación
Number Input
Contadores con formato
Rating
Estrellas con medios valores
Toggle Group
Elige uno o varios
Table
Ordena, apila y tiñe filas
Data Grid
Edita, fija y exporta
Números y datos 8
ExplorarNumber flow
Los dígitos ruedan al nuevo valor
Counter up
Cuenta al aparecer en pantalla
Usage meter
Uso que avisa al llenarse
Progress
Barras en todos los estilos
Circular progress
Anillos y medidores
Sparkline draw
Un minigráfico que se dibuja
Delta badge
Sube o baja de un vistazo
Cell flash
Celdas que destellan al cambiar
Feedback 7
ExplorarToast stack
Avisos que se apilan y abren
Notification badge
Contadores con pop y pulso
Skeleton auto
Skeletons de tu diseño real
Spinners
Seis loaders, una prop
Multi-step loader
Tareas largas, paso a paso
Confetti
Una explosión de celebración
Success check
Una marca que se dibuja con destello
Navegación 6
ExplorarTabs indicator
Un indicador que se desliza entre pestañas
Segmented control
Control deslizante estilo iOS
Stepper
Pasos que se llenan y se marcan
Dock
Dock de macOS que se amplía
Bottom navigation
Barra móvil con píldora deslizante
Command palette morph
Un buscador se vuelve paleta
Overlays 5
ExplorarMorphing dialog
Una tarjeta se expande en diálogo
Spring drawer
Panel elástico que se arrastra para cerrar
Popover morph
Un botón crece hasta ser panel
Animated tooltip
Tooltips que rebotan al aparecer
Stagger dropdown
Opciones de menú en cascada
Listas y tablas 6
ExplorarAccordion height
Altura suave, sin saltos
List reorder
Arrastra para reordenar con rebote
Table row presence
Filas que entran y salen
Animated list
Los nuevos elementos entran por arriba
Tree expand
Carpetas que se despliegan
Expandable row list
Filas que se abren en su sitio
Inputs 10
ExplorarTag input
Chips con sugerencias
OTP input
Código de un uso con avance automático
Floating label input
La etiqueta flota al enfocar
Vanish input
Placeholders que rotan y se desvanecen
Input shake
Vibra al fallar, marca al acertar
Spring switch
Interruptor con pulgar elástico
Drawn checkbox
La marca se dibuja sola
Slider with tooltip
Rango con valores en vivo
Expanding search
Búsqueda que se abre al necesitarla
File drop zone
Zona de carga con progreso
Botones 10
ExplorarShimmer button
Un destello cruza el botón
Ripple button
La tinta se expande desde el clic
Rainbow button
Un borde arcoíris fluido
Border beam button
Un haz orbita el borde
Magnetic button
Atraído hacia el cursor
Stateful button
Carga, éxito y error incluidos
Copy button
Copia con marca que se transforma
Hold to confirm
Mantén para confirmar acciones de riesgo
Liquid glass button
Cristal esmerilado con lente deslizante
Theme toggle
De claro a oscuro con barrido circular
Texto 9
ExplorarText reveal
Las palabras se enfocan
Typewriter
Escribe y borra frases
Word rotate
Una palabra que cambia sin parar
Shiny text
Un brillo que cruza el texto
Gradient text
Titulares con degradado animado
Scramble text
Las letras se descifran
Highlighter
Un trazo de marcador a mano
Text morph
Las letras se transforman en otra palabra
Scroll velocity
Texto que acelera al hacer scroll
Tarjetas y efectos 6
ExplorarSpotlight card
Una luz sigue al puntero
Tilt card
Inclinación 3D con capas
Border beam
La luz recorre la tarjeta
Glow border
Un suave resplandor animado
Progressive blur
El contenido se funde en desenfoque
Expandable card
Una tarjeta que se abre en su sitio
Fondos 5
ExplorarDot grid
Puntos que se encienden junto al puntero
Flickering grid
Una cuadrícula con parpadeo suave
Aurora
Aurora boreal lenta
Particles
Partículas flotantes unidas
Marquee
Una banda que no deja de correr
IA y agentes 16
ExplorarChat message
Mensajes con markdown y acciones
Streaming text
Texto que llega en directo
Tool call
Ejecuciones de herramientas con estado
Reasoning block
Razonamiento desplegable
Model picker
Elige modelo por velocidad y precio
Chat composer
Cuadro de prompt con archivos y comandos
Citations
Fuentes en línea
Agent plan
Una lista de tareas del agente en vivo
Token meter
Mira cómo se llena el contexto
Voice orb
Una esfera que reacciona a la voz
Diff view
Revisa cambios bloque a bloque
Code block
Código resaltado con copiar
Suggestion chips
Ideas para empezar un prompt
Thread list
Historial de chats con búsqueda
Eval score
Puntuaciones frente a un umbral
Typing indicator
Alguien está escribiendo
Gráficos 14
ExplorarArea chart
Tendencias rellenas con scrub
Line chart
Líneas que se dibujan
Bar chart
Barras agrupadas o apiladas
Donut chart
Parte de un total
Radial progress
Anillos de meta concéntricos
Heatmap
Actividad de un vistazo
Funnel chart
Dónde abandona la gente
Gauge
Un número en un dial
Bump chart
Rankings a lo largo del tiempo
Treemap
Tamaños como teselas
Timeline chart
Un Gantt para planes
Waterfall chart
Subidas y bajadas hasta un total
KPI trend
Un número con su sparkline
Chart legend
Clic para ocultar una serie