Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 2 months ago
JSON representation
tsParticles website templates collection
- Host: GitHub
- URL: https://github.com/tsparticles/templates
- Owner: tsparticles
- License: mit
- Created: 2020-07-26T23:32:37.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-03T21:21:52.000Z (about 1 year ago)
- Last Synced: 2024-05-22T11:56:30.178Z (8 months ago)
- Topics: angular, awesome, awesome-list, css, hacktoberfest, hacktoberfest2020, html, javascript, particles-js, particles-library, react, react-template, svelte, sveltejs, tsparticles, typescript, vue, vue3, vuejs, vuejs3
- Homepage:
- Size: 35.2 KB
- Stars: 67
- Watchers: 5
- Forks: 17
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - tsparticles/templates - tsParticles website templates collection (miscellaneous)
- ultimate-awesome - templates - TsParticles website templates collection. (Other Lists / Monkey C Lists)
README
[](https://particles.matteobruni.it)
[](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_