auto-animate VS tsParticles

Auto Animate JS Nativo: Effortlessly animate elements with vanilla JavaScript

https://auto-animate.formkit.com/ some basic inspiration - consider also that this is free and just takes donations.. That model brings people to you and then you can do bespoke projects and charge too

You can see here and here how all frameworks need to use specific wrappers while Svelte can use the core library

You could also have a look at https://auto-animate.formkit.com, it's perfect for what you want to do

You may also consider AutoAnimate and dndkit

📣 Howdy, I’m Justin Schroeder (author of FormKit and AutoAnimate) — I just released a new experimental JavaScript library for rendering interfaces declaratively. A few of the talking points:

Building any kind of Web app requires Animations to look good we can add Animation by either third-party Libs like Framer motion or plain old CSS but problem is all of these options needs us to write a ton of code and define all animation timing and stuff we are going to skip all of those today and use Autoanimate to do the animation for us.

I really don't understand the point of showing who have starred the project. When I open a link that ends with /stargazers, I immediately click the project name to navigate to the home page. But since I have seen too many of these, I want to ask why, maybe there's some considerations I don't know.

(Just met two "stargazer" links in the past 30 minutes: https://github.com/formkit/auto-animate/stargazers , https://github.com/payloadcms/payload/stargazers)

tsParticles - A lightweight TypeScript library for creating particles https://particles.js.org

To add the confetti effect I used an open-source library called tsparticles, to see its code you can check here:https://github.com/tsparticles/tsparticles

I wrote an article in 2020 for using Mocha/Chai in a TypeScript project, that I'm using in tsParticles (leave a star if you want 🌟, it's free 👀).

At first, I attempted to create my own particle effect, but I realized it's actually a lot harder than it seems. So I went with a third-party library that is made specially for particles. You can check out the repo https://github.com/matteobruni/tsparticles. They have lots of neat effects.

tsParticles - Easily create highly customizable particles, confetti, and fireworks animations and use them as animated backgrounds for your website. Ready-to-use components available for Reacts, Angular, Svelte, and Web Components.

I had a similar idea. Listen for a sequence of keys like "confetti" and then use https://particles.js.org/ to throw confetti all over the screen