Vai al contenuto
animorio
EN

Componenti

468 componenti

Pezzi d’interfaccia animati, pronti da copiare.

I pezzi di un’interfaccia, animati e pronti da copiare, divisi per famiglia. Ognuno si usa con la tastiera, col dito e col movimento ridotto, ed è provato anche in Safari su iPhone.

I componenti sono pezzi di interfaccia veri, animati: pulsanti, menu, barre di navigazione, moduli, notifiche, calendari e tanti altri. Ognuno funziona con il mouse, con il dito e con la tastiera, ha tutti i suoi stati (riposo, passaggio del mouse, pressione, attesa, fatto) e rispetta chi ha chiesto meno movimento. Sono pensati per essere copiati in un sito o in un’app e adattati.

Le famiglie, in breve

Azioni

Pulsanti
Pulsanti con un’animazione che racconta l’azione: invio, acquisto, iscrizione, mi piace, con gli stati di attesa e di conferma.
Interruttori
Interruttori acceso e spento con un movimento che si sente.
Valutazioni
Stelle, forme e scale per dare un voto.

Navigazione

Menu
Menu che si aprono e si chiudono: a tendina, a ventaglio, a schermo intero, contestuali.
Navigazione
Barre sempre visibili per spostarsi nel sito: in alto, in basso come nelle app, laterali, indici.
Piè di pagina
Il fondo di un sito, con i link, la newsletter e un’animazione.
Passi
Percorsi a tappe, come una prenotazione o un ordine.
Schede
Schede per passare fra contenuti diversi nello stesso spazio.
Alberi
Strutture a rami, come le cartelle dei file.

Moduli

Moduli
Campi per email, password, codici e carte di pagamento, con i controlli e gli errori animati.
Slider
Cursori da trascinare per scegliere un valore: volume, prezzo, zoom.
Selettori
Modi animati per scegliere fra più opzioni: orari, posti, colori.
Calendari
Calendari per scegliere date e prenotare.
Contatori
Numeri che salgono e scendono: quantità, biglietti, indicatori.
Ricerca
Campi di ricerca che si aprono e mostrano i risultati.
Etichette
Etichette e filtri da aggiungere, togliere e combinare.
Manopole
Manopole da girare per regolare un valore.
Disegno
Superfici su cui scrivere o disegnare con il dito.

Contenuti

Card
Schede con un effetto: olografiche, in rilievo, da grattare.
Gallerie
Gallerie di immagini e prodotti da sfogliare e ingrandire.
Caroselli
Contenuti che scorrono di lato: recensioni, dischi, colori.
Fisarmoniche
Domande e risposte che si aprono e si chiudono.
Grafici
Grafici che si disegnano e si raccolgono, con i dati leggibili.
Meteo
Previsioni del tempo per la settimana e ora per ora.
Liste
Elenchi di cose da fare e liste che cambiano disposizione.
Tabelle
Tabelle da riordinare e da leggere anche sul telefono.
Lettori
Lettori musicali con i loro controlli.
Codice
Blocchi di codice da leggere e copiare.
Storie
Storie a schermo intero come nei social.
Avatar
Foto profilo e gruppi di persone.
Bacheche
Bacheche a colonne con schede da spostare.
Libri
Cataloghi e menu da sfogliare pagina per pagina.

Avvisi

Caricamento
Attese che si fanno guardare: scheletri, barre, tira per aggiornare.
Notifiche
Avvisi che arrivano, si impilano e se ne vanno.
Finestre
Finestre e fogli che si aprono sopra la pagina.
Suggerimenti
Suggerimenti che compaiono vicino a una parola o a un pulsante.
Chat
Conversazioni con messaggi che arrivano e reazioni.
Consenso
Banner dei cookie e richieste di permesso chiari.

Negozio

Timer
Conti alla rovescia e cronometri.
Carrelli
Carrelli della spesa che mostrano cosa c’è dentro.
Prezzi
Tabelle dei prezzi con piani e periodi.
Giochi
Piccoli giochi per premi e sconti.
Biglietti
Biglietti e pass da strappare o da mostrare.

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.

GiornaleCom’è fatto: i siti animati che ci piacciono, smontati pezzo per pezzo, con le demo rifatte da zero.