Un’alternativa a Remotion: scrivi animazioni in HTML e montale in video nel browser
Niente Node.js, niente React. Le animazioni HTML / CSS / GSAP stanno sulla stessa timeline dei tuoi video e delle tue immagini.
Parti da un modello
- Finestra live Finestra arrotondata con badge LIVE e nome; l'audio del video va sulla timeline
- Media incorniciato Finestra con bordo bianco luminoso ed etichetta; entra in scala e può zoomare su una zona
- Titolo riempito di immagine Il tuo video o immagine dentro lettere giganti, con occhiello e sottotitolo
- Spiegazione divisa Testo grande a sinistra (seconda riga in colore), media a destra, segno sulla timeline sotto
- Parete di foto Foto verticali appaiono affiancate, ognuna con didascalia
- Parole a impatto Una parola per schermata entra con forza mentre blocchi nero, giallo e crema scorrono in diagonale
- Titolo evidenziato Una barra evidenziatore attraversa un fondo crema mentre cadono lettere grandi
- Forma 3D rotante Un nodo metallico ruota lentamente (Three.js)
- Crescita dei dati Le barre crescono mentre il numero sale
Con un clic si apre l’editor con l’animazione già aggiunta. Per i modelli con slot multimediali, trascina un video o un’immagine sulla scheda, oppure tocca «Usa i miei file», e all’apertura dell’editor sarà già al suo posto. I file restano sul tuo dispositivo; non si carica nulla.
TutuCut è un’alternativa a Remotion: scrivi animazioni in HTML, CSS, Canvas, GSAP o Three.js, mettile sulla timeline nel browser, montale con video e immagini ed esporta in MP4. Niente Node.js né React; può scriverle l’IA. Non fa rendering in blocco su server di migliaia di video da dati.
Remotion scrive i video come componenti React: installi Node.js, crei un progetto, scrivi il codice e poi fai il rendering. TutuCut segue un’altra strada: una clip animata è una semplice pagina HTML. Animazioni CSS, Canvas, SVG, GSAP e Three.js si incollano direttamente, vengono disegnate fotogramma per fotogramma nel tuo browser e stanno sulla stessa timeline di video, immagini e sottotitoli, esportate in MP4 o GIF.
Il tuo materiale può entrare direttamente nell’animazione: scrivi un token tutu-asset nel codice per usare immagini, video, GIF e font della tua libreria multimediale, oppure usa un modello con slot multimediali pronti (picture-in-picture dal vivo, muro di foto, mockup di dispositivo…) e trascinaci sopra un video. Tutto viene elaborato nel tuo browser; non si carica nulla.
Dove Remotion è migliore, lo diciamo: Remotion può fare rendering in blocco su server (anche AWS Lambda) di decine di migliaia di video a partire da dati, mentre noi non abbiamo un’API di rendering in blocco; anche il suo ecosistema React è più ampio. Se ti serve un video per ogni riga di dati, in modo completamente automatico, scegli Remotion. Se stai facendo un video con animazioni e vuoi ritoccarlo mentre lo guardi, così fai prima.
TutuCut vs Remotion
| Aspetto | TutuCut | Remotion |
|---|---|---|
| Come si scrive l’animazione | TutuCutSemplice HTML / CSS / JS (Canvas, SVG, GSAP, Three.js) | Remotion Componenti React |
| Cosa devi sapere | TutuCutNessun codice per modificare i modelli; HTML per scrivere i tuoi | Remotion React |
| Montaggio con video e immagini reali | TutuCutStessa timeline; il materiale può entrare nell’animazione | Remotion Montaggio con trascinamento |
| Cosa installare | TutuCutNiente; apri la pagina web | Remotion Node.js, progetto creato dalla riga di comando |
| La scrive l’IA per te | TutuCutL’assistente IA integrato la mette sulla timeline | Remotion Funziona con agenti di programmazione |
| Prezzo | TutuCutGratis, senza filigrana | Remotion Gratis per privati, aziende fino a 3 persone e non profit; gli altri hanno bisogno di una licenza aziendale |
| Rendering in blocco su server da dati | TutuCutNon supportato | Remotion Sì (anche AWS Lambda) |
Verificato il 2026-10-04. La ↗ accanto a una cella è la fonte: aprila e controlla.
Domande frequenti
- TutuCut può aprire un progetto Remotion?
- No. Un progetto Remotion è codice React che viene impacchettato e renderizzato in Node.js; TutuCut esegue HTML semplice. Per passare, riscrivi l’animazione come un’unica pagina HTML: disegna un fotogramma per ogni istante con una timeline GSAP o window.__seek(t), leggi i parametri da __PARAMS__ e richiama il materiale con token tutu-asset. Oppure descrivi l’effetto all’IA e lascia che lo scriva lei.
- Devo installare qualcosa?
- No. Apri la pagina e inizia: niente Node.js, niente configurazione del progetto, niente riga di comando. Le animazioni vengono disegnate ed esportate fotogramma per fotogramma nel tuo browser; il tuo materiale e il tuo codice non vengono caricati.
- L’animazione può usare i miei video e le mie immagini?
- Sì. Scrivi un token tutu-asset nel codice per usare immagini, video, GIF e font della tua libreria multimediale, oppure trascina i file negli slot multimediali di un modello. Uno slot video può attivare «Con audio», che aggiunge il suo audio come clip separata che segue l’animazione. Se un file manca vedi un segnaposto e l’invito a ricollegarlo, e l’esportazione viene bloccata invece di esportare in silenzio una versione con immagini mancanti.
- Può produrre centinaia di video in blocco?
- Non in automatico. TutuCut monta un video alla volta. Se devi generare centinaia o migliaia di video da un foglio di calcolo, il rendering su server / Lambda di Remotion è più adatto.
- Remotion è a pagamento? E TutuCut?
- Secondo la licenza ufficiale di Remotion, privati, aziende fino a 3 persone e organizzazioni non profit possono usarlo gratis; le aziende più grandi hanno bisogno di una licenza aziendale. Con TutuCut montare ed esportare è gratis, senza filigrana e senza registrazione.