{"id":39760,"url":"https://github.com/tsparticles/templates","name":"templates","description":"tsParticles website templates collection","projects_count":45,"last_synced_at":"2026-06-06T16:00:31.193Z","repository":{"id":46564794,"uuid":"282751131","full_name":"tsparticles/templates","owner":"tsparticles","description":"tsParticles website templates collection","archived":false,"fork":false,"pushed_at":"2023-12-03T21:21:52.000Z","size":36,"stargazers_count":80,"open_issues_count":5,"forks_count":16,"subscribers_count":3,"default_branch":"master","last_synced_at":"2026-04-18T10:02:28.899Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tsparticles.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-07-26T23:32:37.000Z","updated_at":"2026-03-14T02:05:13.000Z","dependencies_parsed_at":"2024-01-13T17:22:33.652Z","dependency_job_id":null,"html_url":"https://github.com/tsparticles/templates","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tsparticles/templates","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsparticles%2Ftemplates","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsparticles%2Ftemplates/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsparticles%2Ftemplates/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsparticles%2Ftemplates/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tsparticles","download_url":"https://codeload.github.com/tsparticles/templates/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsparticles%2Ftemplates/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32608309,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"ssl_error","status_checked_at":"2026-05-04T10:08:02.005Z","response_time":58,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-13T17:22:32.399Z","updated_at":"2026-06-06T16:00:31.193Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Vanilla JavaScript / Plain HTML (`tsparticles`)","React JS (`react-tsparticles`)","Inferno JS (`inferno-particles`)","Vue JS 2.x (`particles.vue`)","Vue JS 3.x (`particles.vue3`)","Angular (`ng-particles`)","Svelte (`svelte-particles`)","jQuery (`jquery-particles`)","Preact JS (`preact-particles`)"],"sub_categories":[],"readme":"[![banner](https://particles.js.org/images/banner2.png)](https://particles.matteobruni.it)\n\n[![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re)\n\n# tsParticles Websites and Templates Collection\n\n[tsParticles](https://github.com/matteobruni/tsparticles) is a lightweight JavaScript/TypeScript library for creating easily particles animations in your websites.\n\nThe library has also official components for the most used JavaScript frameworks that you can see below.\n\n__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.__\n\n## Vanilla JavaScript / Plain HTML (`tsparticles`)\n\n- [tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/vanilla)\n- [tsParticles CodePen samples collection](https://codepen.io/collection/DPOage)\n- [tsParticles Authentication template](https://github.com/tsparticles/auth-template)\n- [tsParticles Glassmorphism Authentication template](https://github.com/tsparticles/glass-auth-template)\n- [tsParticles Developer landing page template](https://github.com/tsparticles/landing-page-template)\n- [tsParticles 404 templates](https://github.com/tsparticles/404-templates)\n- [TypeDoc Particles Theme](https://github.com/tsparticles/typedoc-particles-theme)\n- [Bonn333 Portfolio](https://github.com/Bonn333/personal-website)\n- [tsParticles Portfolio Website by vishal-kumar-saw](https://github.com/vishal-kumar-saw/tsParticles-Portfolio)\n\n## React JS (`react-tsparticles`)\n\n- [React tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/react)\n- [React tsParticles Create React App template](https://github.com/matteobruni/tsparticles/tree/main/templates/react)\n- [React tsParticles TypeScript Create React App template](https://github.com/matteobruni/tsparticles/tree/main/templates/react-ts)\n- [React tsParticles CodeSandbox sample](https://codesandbox.io/s/react-tsparticles-dw43f)\n- [React tsParticles Authentication template](https://github.com/tsparticles/react-auth-template)\n- [React tsParticles Glassmorphism Authentication template](https://github.com/tsparticles/react-glass-auth-template)\n- [React tsParticles Landing Page template](https://github.com/tsparticles/react-landing-page-template)\n- [Gatsby tsParticles Landing Page Starter](https://github.com/tsparticles/gatsby-landing-page-starter)\n- [React Resume Template by kien-dang](https://github.com/kien-dang/react-resume-template)\n- [React Template by ash-xyz](https://github.com/ash-xyz/webpage)\n- [React Portfolio by RajceP](https://github.com/RajceP/portfolio)\n- [HotCode Website](https://github.com/gmatthewsfeuer/HotCode)\n- [React Portfolio Page by th1rst](https://github.com/th1rst/personal-portfolio-page)\n- [Tailwind Fancy Tabs](https://github.com/mattrothenberg/tailwind-fancy-tab)\n- [React Landing Page by AhsanEhtesham](https://github.com/Ahsan-Ehtesham/React-landing-page)\n- [React Notes Keeper App](https://github.com/iMohitPant/keeper)\n- [React Landing Page by FaizaAbdullah-code](https://github.com/FaizaAbdullah-code/React-landing-page)\n\n## Vue JS 2.x (`particles.vue`)\n\n- [Vue 2.x tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/vue)\n- [Vue 2.x tsParticles CodeSandbox sample](https://codesandbox.io/s/particlesvue-20-kwsl6)\n- [Vue 2.x tsParticles Authentication template](https://github.com/tsparticles/vue-auth-template)\n\n## Vue JS 3.x (`particles.vue3`)\n\n- [Vue 3.x tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/vue3)\n- [Vue 3.x tsParticles CodeSandbox sample](https://codesandbox.io/s/particlesvue3-68246)\n- [Vue 3.x tsParticles Authentication template](https://github.com/tsparticles/vue3-auth-template)\n- [Vue 3.x tsParticles Personal Portfolio Website by vishal-kumar-saw](https://github.com/vishal-kumar-saw/Personal-Website)\n\n## Angular (`ng-particles`)\n\n- [Angular tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/angular)\n- [Angular tsParticles CodeSandbox sample](https://codesandbox.io/s/ng-particles-2-vfxhi)\n- [Angular tsParticles Authentication template](https://github.com/tsparticles/angular-auth-template)\n\n## Svelte (`svelte-particles`)\n\n- [Svelte tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/svelte)\n- [Svelte tsParticles CodeSandbox sample](https://codesandbox.io/s/svelte-particles-h6lb5)\n- [Svelte tsParticles Authentication template](https://github.com/tsparticles/svelte-auth-template)\n\n## jQuery (`jquery-particles`)\n\n- [jQuery tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/jquery)\n- [jQuery tsParticles CodePen sample](https://codepen.io/matteobruni/pen/dyoKePb)\n\n## Preact JS (`preact-particles`)\n\n- [Preact tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/preact)\n- [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_\n\n## Inferno JS (`inferno-particles`)\n\n- [Inferno tsParticles demo project](https://github.com/matteobruni/tsparticles/tree/main/demo/inferno)\n- [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_\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/tsparticles%2Ftemplates/projects"}