Windsurf Cascade | Mouse Lab & Animation Sample
Prototype 01 · Motion Playground
Prova creativa

Oggetti vivi. Effetti dinamici. Impatto visivo serio.

Questa pagina nasce come laboratorio: sfondi reattivi al mouse, elementi in movimento, componenti 3D, reveal allo scroll e interazioni con feedback fisico.

Morphing
3D Object
Reactive Light

Mouse Lab & FX Lab

Ruota tra i due ambienti: nella prima slide testi il pacchetto completo dei cursori, nella seconda ritrovi il laboratorio con le animazioni e gli effetti visivi. Puoi usare i pulsanti, le frecce della tastiera o cliccare sul deck per ruotarlo.

Cursor Playground

Qui puoi testare il pacchetto completo: trascina gli oggetti sul palco, ridimensiona il frame centrale e passa sopra i target laterali per vedere dal vivo tutte le varianti del cursore.

Full Cursor Pack
Trascina gli oggetti Ridimensiona il frame
Free Mover

Oggetto base per provare il cursore grab e il trascinamento puro.

grab / dragging
Copy Beacon

Prendimi e spostami per testare il drag con cursore custom.

copy / grab
Alias Link

Oggetto trascinabile con stile scorciatoia / collegamento.

alias / grabbing
Help Capsule

Muovimi sul palco e controlla come reagisce il puntatore.

help / drag
Wait Pulse

Un altro oggetto libero per testare la coerenza tra stati diversi.

wait / drop
Resize Frame move
Ridimensiona il box usando i bordi e gli angoli. Ogni handle usa un cursore diverso del pacchetto.
280 × 196
Help Hover per vedere il cursore di aiuto. data-help
Progress Indicatore di stato attivo o caricamento. aria-busy
Context Menu Target dedicato al cursore contestuale. context-menu
Crosshair Utile per selezione precisa o targeting. crosshair
Cell Perfetto per griglie, planner o fogli di calcolo. cell
No Drop Area che simula una destinazione non valida. no-drop
Copy Hover per testare il cursore di duplicazione. copy
Alias Variante scorciatoia / collegamento rapido. alias
Zoom In Per immagini, gallerie o dettagli da ingrandire. zoom-in
Zoom Out Complementare alla vista ingrandita. zoom-out
Not Allowed Stato disabilitato / azione non concessa. disabled
Wait Hover per vedere il cursore d’attesa. wait
Text / Input Clicca nel campo qui sotto per testare il cursore testuale.
Scroll-Reveal Tilt Interactions Motion Graphics CSS Reactive Canvas Cursor Playground Drag & Resize Mouse Lab Animation Sample

Nuovo file di test, indipendente dal sito principale