Confetti Animation Generatore
Confetti Animation Generator: Generate a CSS/JS confetti burst effect. 100% client-side, no uploads or signups, with copy-to-clipboard support and dark mode.
1function confettiBurst(canvas, {count=160, gravity=4, colors=["#4F46E5","#EC4899","#F59E0B","#10B981"]}={}) {2 const ctx = canvas.getContext('2d');3 const ps = Array.from({length: count}, () => ({4 x: canvas.width/2, y: canvas.height,5 vx: (Math.random()-.5)*10, vy: -(6+Math.random()*8),6 size: 5+Math.random()*7, color: colors[Math.random()*colors.length|0], rot: 0, vr:(Math.random()-.5)*.37 }));8 (function tick(){9 ctx.clearRect(0,0,canvas.width,canvas.height);10 ps.forEach(p => { p.vy+=gravity*.06; p.x+=p.vx; p.y+=p.vy; p.rot+=p.vr;11 ctx.save(); ctx.translate(p.x,p.y); ctx.rotate(p.rot); ctx.fillStyle=p.color;12 ctx.fillRect(-p.size/2,-p.size/2,p.size,p.size*.6); ctx.restore(); });13 if (ps.some(p => p.y < canvas.height+40)) requestAnimationFrame(tick);14 })();15}Informazioni su questo strumento
Generatore di animazione coriandoli è uno strumento online gratuito che ti permette di creare design direttamente nel tuo browser. Nessuna installazione o registrazione richiesta, i tuoi file non vengono mai caricati su un server e tutta l'elaborazione avviene localmente, così i tuoi dati non lasciano mai il tuo dispositivo.
Lo strumento è progettato per l'uso quotidiano. Gestisce tutto, dalle attività occasionali ai flussi di lavoro ricorrenti, si carica in pochi millisecondi, funziona offline dopo il primo caricamento e gira in modo fluido su desktop, tablet e smartphone. L'interfaccia è volutamente semplice, così puoi concentrarti sul risultato, non sui comandi.
Casi d'uso comuni: testare stili prima di applicarli a file CSS reali, creare prototipi visivi rapidi per designer o clienti, esportare design token riutilizzabili per un design system, comunicare concetti di design visivamente. Che tu sia uno studente, un professionista o semplicemente abbia bisogno di uno strumento veloce, Generatore di animazione coriandoli ti permette di completare l'attività in pochi secondi.
La privacy è integrata fin dall'inizio. Poiché tutta l'elaborazione avviene nel browser (lato client), nessun servizio di analisi, rete pubblicitaria o backend può vedere ciò che inserisci o ottieni. Apri la scheda di rete del browser mentre usi lo strumento e vedrai tu stesso che non viene inviata alcuna richiesta esterna con i tuoi dati. Per questo Generatore di animazione coriandoli è adatto anche a contenuti sensibili (medici, legali, finanziari) che non possono essere caricati a terzi.
Generatore di animazione coriandoli fa parte di ToolHub — una raccolta gratuita e senza pubblicità di oltre 750 strumenti basati su browser per PDF, immagini, testo, calcolatrici, sviluppatori, design, social media, istruzione, business, salute e altro.
Come usarlo
- 1Apri Generatore di animazione coriandoli in un browser moderno (Chrome, Firefox, Safari, Edge). Non serve installazione o registrazione.
- 2Inserisci i tuoi dati — incolla, digita o carica a seconda dei campi dello strumento.
- 3Esamina il risultato e copialo o scaricalo. Tutto avviene istantaneamente nel browser.
Caratteristiche principali
- Elaborazione 100% lato client — i tuoi dati non lasciano mai il browser
- Completamente gratuito — nessuna registrazione, email o pagamento richiesti
- Funziona su desktop, tablet e smartphone (aree touch da 44px)
- Modalità scura e 17 lingue integrate
- Generazione immediata — nessun limite di dimensione file
Consigli pro
- Aggiungi lo strumento ai preferiti per accedervi con un clic la prossima volta — tutte le impostazioni vengono salvate in localStorage.
- Per un uso ripetuto, verifica di usare un browser moderno con supporto per CSS3 e SVG così lo strumento funziona alla massima velocità.
- Trovi un bug o desideri una funzione? Usa il modulo di feedback in fondo alla pagina — leggiamo tutti i suggerimenti.