Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tsparticles/templates

tsParticles website templates collection
https://github.com/tsparticles/templates

List: templates

angular awesome awesome-list css hacktoberfest hacktoberfest2020 html javascript particles-js particles-library react react-template svelte sveltejs tsparticles typescript vue vue3 vuejs vuejs3

Last synced: about 2 months ago
JSON representation

tsParticles website templates collection

Awesome Lists containing this project

README 

        
[![banner](https://particles.js.org/images/banner2.png)](https://particles.matteobruni.it)



[![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re)



# tsParticles Websites and Templates Collection



[tsParticles](https://github.com/matteobruni/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](https://github.com/matteobruni/tsparticles/tree/main/demo/vanilla)

- [tsParticles CodePen samples collection](https://codepen.io/collection/DPOage)

- [tsParticles Authentication template](https://github.com/tsparticles/auth-template)

- [tsParticles Glassmorphism Authentication template](https://github.com/tsparticles/glass-auth-template)

- [tsParticles Developer landing page template](https://github.com/tsparticles/landing-page-template)

- [tsParticles 404 templates](https://github.com/tsparticles/404-templates)

- [TypeDoc Particles Theme](https://github.com/tsparticles/typedoc-particles-theme)

- [Bonn333 Portfolio](https://github.com/Bonn333/personal-website)

- [tsParticles Portfolio Website by vishal-kumar-saw](https://github.com/vishal-kumar-saw/tsParticles-Portfolio)



## React JS (`react-tsparticles`)



- [React tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/react)

- [React tsParticles Create React App template](https://github.com/matteobruni/tsparticles/tree/main/templates/react)

- [React tsParticles TypeScript Create React App template](https://github.com/matteobruni/tsparticles/tree/main/templates/react-ts)

- [React tsParticles CodeSandbox sample](https://codesandbox.io/s/react-tsparticles-dw43f)

- [React tsParticles Authentication template](https://github.com/tsparticles/react-auth-template)

- [React tsParticles Glassmorphism Authentication template](https://github.com/tsparticles/react-glass-auth-template)

- [React tsParticles Landing Page template](https://github.com/tsparticles/react-landing-page-template)

- [Gatsby tsParticles Landing Page Starter](https://github.com/tsparticles/gatsby-landing-page-starter)

- [React Resume Template by kien-dang](https://github.com/kien-dang/react-resume-template)

- [React Template by ash-xyz](https://github.com/ash-xyz/webpage)

- [React Portfolio by RajceP](https://github.com/RajceP/portfolio)

- [HotCode Website](https://github.com/gmatthewsfeuer/HotCode)

- [React Portfolio Page by th1rst](https://github.com/th1rst/personal-portfolio-page)

- [Tailwind Fancy Tabs](https://github.com/mattrothenberg/tailwind-fancy-tab)

- [React Landing Page by AhsanEhtesham](https://github.com/Ahsan-Ehtesham/React-landing-page)

- [React Notes Keeper App](https://github.com/iMohitPant/keeper)

- [React Landing Page by FaizaAbdullah-code](https://github.com/FaizaAbdullah-code/React-landing-page)



## Vue JS 2.x (`particles.vue`)



- [Vue 2.x tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/vue)

- [Vue 2.x tsParticles CodeSandbox sample](https://codesandbox.io/s/particlesvue-20-kwsl6)

- [Vue 2.x tsParticles Authentication template](https://github.com/tsparticles/vue-auth-template)



## Vue JS 3.x (`particles.vue3`)



- [Vue 3.x tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/vue3)

- [Vue 3.x tsParticles CodeSandbox sample](https://codesandbox.io/s/particlesvue3-68246)

- [Vue 3.x tsParticles Authentication template](https://github.com/tsparticles/vue3-auth-template)

- [Vue 3.x tsParticles Personal Portfolio Website by vishal-kumar-saw](https://github.com/vishal-kumar-saw/Personal-Website)



## Angular (`ng-particles`)



- [Angular tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/angular)

- [Angular tsParticles CodeSandbox sample](https://codesandbox.io/s/ng-particles-2-vfxhi)

- [Angular tsParticles Authentication template](https://github.com/tsparticles/angular-auth-template)



## Svelte (`svelte-particles`)



- [Svelte tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/svelte)

- [Svelte tsParticles CodeSandbox sample](https://codesandbox.io/s/svelte-particles-h6lb5)

- [Svelte tsParticles Authentication template](https://github.com/tsparticles/svelte-auth-template)



## jQuery (`jquery-particles`)



- [jQuery tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/jquery)

- [jQuery tsParticles CodePen sample](https://codepen.io/matteobruni/pen/dyoKePb)



## Preact JS (`preact-particles`)



- [Preact tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/preact)

- [React tsParticles CodeSandbox sample](https://codesandbox.io/s/react-tsparticles-dw43f) - _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](https://github.com/matteobruni/tsparticles/tree/main/demo/inferno)

- [React tsParticles CodeSandbox sample](https://codesandbox.io/s/react-tsparticles-dw43f) - _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_