Cursor

Trailing cursor

Un cursor dibujado que persigue el puntero real sobre un resorte, dejando un rastro de brillo suave y desvaneciendo imágenes residuales mientras gira para mirar en la dirección en la que viaja.

Move your pointer over this panel

Cómo usar Trailing cursor

Un cursor dibujado que persigue el puntero real sobre un resorte, dejando un rastro de brillo suave y desvaneciendo imágenes residuales mientras gira para mirar en la dirección en la que viaja.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: stiffness, damping, size, accent, rotate

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

1783Lagging orb followerCursorUn disco blando que persigue el puntero sobre un resorte deliberadamente flexible, pasando por delante de él y tambaleándose hacia atrás en lugar de bloquearse.

1809Spring lag trailCursorUna cadena de círculos que persiguen el puntero con resortes cada vez más suaves, de modo que un movimiento rápido los estira hasta formar una cola de cometa que se vuelve a juntar en reposo.

1794Pointer label cursorCursorDentro de un panel delimitado, el cursor del sistema es reemplazado por una flecha dibujada con un pequeño chip con el nombre detrás de él sobre un resorte suave.

1824Zoned cursor tagCursorUn puntero personalizado cuya etiqueta final se reescribe y gira hacia el otro lado a medida que cruza las zonas de un panel dividido.

1786Magnetic project targetCursorUn cursor redondo personalizado con texto rodeando su borde que se desplaza detrás del puntero y se ajusta a una pastilla de llamada a la acción cuando se acerca.

1803Ribbon trail flowCursorVarias cintas de colores persiguen la aguja con sus propios resortes, se estrechan hasta formar una punta y se trenzan a medida que la aguja gira.