Vai al contenuto
animorio
EN

Libreria

492 animazioni

Anteprima dal vivo, codice in chiaro e uno zip per ognuna.

Ogni animazione ha la sua anteprima dal vivo, il codice in chiaro e uno zip che funziona da solo. Guardale al rallentatore, fermale, falle avanzare un fotogramma alla volta.

Qui ci sono tutte le animazioni di Animorio, divise per famiglia. Ogni scheda mostra l’animazione dal vivo e spiega come è fatta: la tecnica, i passi, i valori da cambiare, cosa succede sul telefono e con il movimento ridotto, e i problemi incontrati costruendola. Il codice si copia o si scarica in uno zip che funziona da solo.

Le famiglie, in breve

Scroll
Animazioni che seguono lo scorrimento della pagina: sezioni che si fermano, immagini che si aprono, titoli che si compongono mentre scendi.
Testo
Lettere e parole che si muovono: titoli che entrano, frasi che si ricompongono, caratteri che reagiscono al puntatore.
Hover
Quello che succede quando il puntatore passa sopra un elemento: luci, deformazioni, magneti, rivelazioni.
WebGL
Effetti disegnati dalla scheda grafica con gli shader: liquidi, luce, vetro, distorsioni.
3D
Scene e oggetti tridimensionali con Three.js, da girare e da esplorare.
Transizioni
Passaggi fra una pagina e l’altra, o fra due stati della stessa pagina, senza tagli bruschi.
SVG
Disegni vettoriali animati: linee che si tracciano, forme che cambiano, filtri che deformano.
Immagini
Gallerie e foto che si aprono, scorrono, si deformano o si rivelano.
Fisica
Oggetti con un peso: molle, rimbalzi, cadute, corde e stoffe calcolate a ogni fotogramma.
Intro
Anteprime animate per i loghi: il logo entra, un personaggio lo combina grosso, poi guarisce. Nel Playground ci metti il tuo nome o il tuo logo.
Sfondi
Fondi di pagina vivi da mettere dietro a un titolo o a una sezione: righe, curve, colori e forme che si muovono piano e rispondono al puntatore o allo scroll, senza disturbare la lettura.

Manca qualcosa?

Descrivi l’animazione che cerchi, o mandaci un sito da smontare. Le prossime le scegliamo da qui.

Cosa ci chiedi?

Anche tutte e due.

Ci vuole un minuto.

Di che tipo? facoltativo

Senza email e senza account: leggi la privacy.

Componenti468 pezzi di interfaccia, animati e pronti da copiare: pulsanti, menu, calendari e tanti altri.