Paleta de comandos (⌘K)
Modal flotante con búsqueda instantánea, navegación con flechas y atajos opcionales.
Descargar gratisMicrointeracciones para React
Pequeños gestos que confirman una acción: favoritos que laten, me gusta con partículas, campanas que se agitan, interruptores de tema, docks con aumento, listas que se deslizan para borrar y paletas de comandos.
Cada una responde a la acción con una animación breve y respeta la preferencia de movimiento reducido.
Para qué sirven
- Retroalimentación al guardar, copiar o añadir al carrito
- Controles de interfaz con carácter propio
- Atajos de teclado y navegación rápida
18 componentes de microinteracciones
Tooltip magnético
Persigue al cursor con resorte y aparece tras un breve retraso.
Descargar gratisToasts apilados
Notificaciones con barra de progreso drenándose y pausa al pasar el ratón.
Descargar gratisContador tragamonedas
Cada dígito rueda hacia el nuevo valor con curva elástica.
Descargar gratisStepper con línea
Pasos verticales conectados por una línea que se va rellenando.
Descargar gratisFavorito con pulso
Control de favorito reversible con corazón SVG, pulso breve, aria-pressed y callback de cambio.
Descargar gratisValoración con estrellas
Cinco estrellas con previsualización al pasar el puntero, selección accesible y borrado de la valoración.
Descargar gratisDock de navegación con aumento
Dock de enlaces con aumento del elemento activo y sus vecinos; tooltip en hover o foco, y navegación táctil estable.
Descargar gratisMe gusta con explosión de partículas
El corazón se rellena con rebote, estalla en doce partículas de color y el contador se actualiza.
Descargar gratisInterruptor de tema sol-luna
El sol se convierte en luna recortada, los rayos se retraen y aparecen estrellas; todo en un SVG animado con CSS.
Descargar gratisBotones de menú que se vuelven cruz
Tres animaciones distintas de hamburguesa a cruz (giro, colapso y deslizamiento) con aria-expanded.
Descargar gratisCampana de notificaciones que se agita
La campana se agita cuando llega un aviso, el contador salta con un resorte y se limpia al abrir.
Descargar gratisLista de deslizar para borrar
Arrastra una fila para revelar la acción roja; pasado el umbral la fila se colapsa. Con botón de borrar para teclado.
Descargar gratisLista reordenable con teclado
Arrastre por el asa y Alt más flechas, con reubicación FLIP, anuncio de posición para lectores de pantalla y botones de respaldo.
Descargar gratisSelector de reacciones con aumento
Mantén o enfoca el botón para abrir la barra de emojis, que crecen con el puntero; flechas y Enter funcionan igual.
Descargar gratisBotón play/pausa con anillo de progreso
El triángulo se divide en dos barras con una transición de forma; un anillo marca el avance de una reproducción simulada.
Descargar gratisAñadir al carrito con punto volador
Un punto sale del botón, vuela en arco hasta el carrito, el icono rebota y el contador suma.
Descargar gratisPerilla rotatoria de aluminio
Perilla skeuomórfica con marcas encendidas, aguja y pantalla LCD; se gira arrastrando, con la rueda o con flechas.
Descargar gratis