Vai al contenuto
animorio
EN
Nuovo nel giornaleLightweight

Animazioni per il web, pronte da copiare.

489 animazioni e 465 componenti per siti e app, fatti con GSAP, CSS e WebGL. Li guardi dal vivo, li regoli con le manopole e copi il codice completo, gratis.

Animazione del giorno

La transizione del rullo da imbianchino

Un cambio di pagina ricco e colorato per il sito di un’impresa di imbianchini: al clic il nastro di carta si stende sui bordi, il rullo si carica di vernice nella vaschetta e dipinge la pagina nuova a corsie, giù e su, con le creste ai bordi delle passate, gli schizzi e le colature; poi vola via, la vernice fresca brilla e si asciuga, il nastro si stacca e arriva il titolo nuovo.

Tipo
Transizioni, SVG
Tecnica
GSAP, Solo CSS
Difficoltà
Impegnativa
Apri la schedaProvala nel Playground

Ultime arrivate

Le animazioni e i componenti appena entrati in libreria.

Tutti i 465 componenti

Intro per i loghi

Il tuo logo entra in scena e un personaggio lo combina grosso. Mettici il tuo nome o carica il tuo logo nel Playground.

Tutte le 63 intro

Le Top della settimana

Otto animazioni scelte per questa settimana. Lunedì arrivano le prossime.

Tutte le 489 animazioni

Esplora per famiglia

Scegli cosa ti serve: ogni famiglia apre la libreria già filtrata.

Animazioni

Componenti

Pacchetti per tipo di sito

Un negozio, un blog, un portfolio: tutti i pezzi che servono, già scelti e divisi nelle parti del sito.

Tutti i pacchetti

Componenti

Pulsanti, menu e barre di navigazione scelti fra i più belli.

Tutti i 465 componenti

Come funziona

Animorio è una libreria di animazioni per il web disegnate da zero: effetti allo scroll, testi che si muovono, hover, transizioni, fisica, WebGL e 3D. Ognuna si guarda dal vivo, si regola nel Playground e si copia con il suo codice completo, già pronta per il telefono e per chi preferisce il movimento ridotto. Sotto trovi anche i componenti di interfaccia, il giornale che smonta i siti animati e gli oggetti 3D.

  • Guarda

    Gira dal vivo nel visore: la rallenti fino a un decimo, la fermi, la mandi avanti un fotogramma alla volta e la vedi larga come un telefono.

  • Regola

    Nel Playground cambi colori, tempi, testi e curve con le manopole e vedi subito il risultato. Poi scarichi lo zip con le tue modifiche.

  • Copia

    Copi il codice completo, spiegato passo per passo, o scarichi lo zip con un account gratuito: index.html, style.css e script.js che funzionano da soli.

Giornale

I siti animati più belli, smontati pezzo per pezzo.

Tutti gli articoli

Oggetti 3D

Personaggi e oggetti fatti in Blender, animati, pronti per Three.js.

Tutti gli oggetti 3D

Animorio è anche dentro Claude Code: un comando e le chiedi a parole.

claude mcp add --transport http --scope user animorio https://animorio.com/mcp/
Come collegarlo

Domande

È tutto gratis?

Sì, per ora tutto: il codice e lo zip di ogni animazione e di ogni componente, e tutti gli articoli del giornale. Il codice si copia senza account; per scaricare lo zip basta un account, gratis anche lui.

Posso usarle nei siti dei miei clienti?

Sì. Puoi usarle nei tuoi progetti e in quelli dei tuoi clienti, anche commerciali. Non puoi rivenderle né ridistribuirle così come sono, per esempio in un’altra raccolta di codice.

Con cosa sono fatte?

Con GSAP e i suoi plugin, CSS, SVG, Canvas, WebGL e Three.js: ogni scheda dice quali librerie usa e quanto pesa. Lo zip carica le librerie da CDN, quindi si apre e funziona.

Funzionano sul telefono?

Sì. Ognuna è provata sul computer, sul telefono e con il movimento ridotto, e la scheda spiega cosa cambia sul telefono e per chi ha chiesto meno movimento.

Non trovo quello che cerco.

Scrivicelo qui sotto, in «Chiedi tu»: senza email e senza account. Le prossime animazioni e i prossimi articoli li scegliamo dalle richieste.

Chiedi tu.

Un’animazione che non trovi o un sito da smontare nel giornale: dicci quale. 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.