tsParticles Websites and Templates Collection

tsParticles is a lightweight JavaScript/TypeScript library for creating easily particles animations in your websites.

The library has also official components for the most used JavaScript frameworks that you can see below.

If you have created a website with tsParticles and you want to share your template feel free to add a pull request to add it below.

Vanilla JavaScript / Plain HTML (tsparticles)

• tsParticles demo project
• tsParticles CodePen samples collection
• tsParticles Authentication template
• tsParticles Glassmorphism Authentication template
• tsParticles Developer landing page template
• tsParticles 404 templates
• TypeDoc Particles Theme
• Bonn333 Portfolio
• tsParticles Portfolio Website

React JS (react-tsparticles)

• React tsParticles demo project
• React tsParticles Create React App template
• React tsParticles TypeScript Create React App template
• React tsParticles CodeSandbox sample
• React tsParticles Authentication template
• React tsParticles Glassmorphism Authentication template
• React tsParticles Landing Page template
• Gatsby tsParticles Landing Page Starter
• React Resume Template by kien-dang
• React Template by ash-xyz
• React Portfolio by RajceP
• HotCode Website
• React Portfolio Page by th1rst
• Tailwind Fancy Tabs
• React Landing Page by AhsanEhtesham
• React Notes Keeper App
• React Landing Page

Vue JS 2.x (particles.vue)

• Vue 2.x tsParticles demo project
• Vue 2.x tsParticles CodeSandbox sample
• Vue 2.x tsParticles Authentication template

Vue JS 3.x (particles.vue3)

• Vue 3.x tsParticles demo project
• Vue 3.x tsParticles CodeSandbox sample
• Vue 3.x tsParticles Authentication template

Angular (ng-particles)

• Angular tsParticles demo project
• Angular tsParticles CodeSandbox sample
• Angular tsParticles Authentication template

Svelte (svelte-particles)

• Svelte tsParticles demo project
• Svelte tsParticles CodeSandbox sample
• Svelte tsParticles Authentication template

jQuery (jquery-particles)

• jQuery tsParticles demo project
• jQuery tsParticles CodePen sample

Preact JS (preact-particles)

• Preact tsParticles demo project
• React tsParticles CodeSandbox sample - It's the React sample but if you use Preact you can just switch the particles library to preact-particles to have it working, the syntax is the same

Inferno JS (inferno-particles)

• Inferno tsParticles demo project
• React tsParticles CodeSandbox sample - It's the React sample but if you use Inferno you can just switch the particles library to inferno-particles to have it working, the syntax is the same