I have started creating some particles animations related templates giving a simpler starting point for adding those animations to your websites.
You can find them here
tsparticles
/
templates
tsParticles website templates collection
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 by vishal-kumar-saw
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…
If you have some cool website with these animations feel free to add a pull request.
I'm trying to publish templates for every JavaScript framework supported by tsParticles (Vanilla, React, VueJS, Angular, Preact, Inferno, Svelte, jQuery) so everyone can have a template ready to be used.
The first template added is a simple authentication form
For now is ready for Vanilla Javascript, React, VueJS and Angular
tsparticles
/
auth-template
tsParticles Auth Template for Websites
tsParticles Authentication Template
tsParticles Simple Auth HTML Template for Websites
Login Page Preview
See working preview here
Register Page Preview
See working preview here
What is tsParticles
tsParticles is a lightweight library for easily creating particles animations in your websites or web applications.
The tsParticles library is ready to be used in standard JavaScript, React, Vue.js, Angular, Svelte, jQuery, Preact, Inferno.
Want to see more particles demos? Checkout this collection
Want to see more templates or want to share yours? Checkout this README
tsparticles
/
react-auth-template
tsParticles ReactJS Authentication Forms template
tsParticles React Authentication Template
tsParticles Simple Auth HTML Template for React Web Sites/Applications
Login Page Preview
See working preview here
Register Page Preview
See working preview here
What is tsParticles
tsParticles is a lightweight library for easily creating particles animations in your websites or web applications.
The tsParticles library is ready to be used in standard JavaScript, React, Vue.js, Angular, Svelte, jQuery, Preact, Inferno.
React tsParticles
The ReactJS official tsParticles library is react-tsparticles.
You read more about react-tsparticles here
Want to see more particles demos? Checkout this collection
Want to see more templates or want to share yours? Checkout this README
tsparticles
/
vue-auth-template
tsParticles VueJS Authentication Forms template
tsParticles VueJS Authentication Template
tsParticles Simple Auth HTML Template for VueJS Web Sites/Applications
Login Page Preview
See working preview here
Register Page Preview
See working preview here
What is tsParticles
tsParticles is a lightweight library for easily creating particles animations in your websites or web applications.
The tsParticles library is ready to be used in standard JavaScript, React, Vue.js, Angular, Svelte, jQuery, Preact, Inferno.
VueJS tsParticles
The VueJS official tsParticles library is particles.vue.
You read more about particles.vue here
Want to see more particles demos? Checkout this collection
Want to see more templates or want to share yours? Checkout this README
tsparticles
/
angular-auth-template
Angular tsParticles Authentication Forms template
tsParticles Angular Authentication Template
tsParticles Simple Auth HTML Template for Angular Web Sites/Applications
Login Page Preview
See working preview here
The template won't display directly, follow the Login link
Register Page Preview
See working preview here
The template won't display directly, follow the Register link
What is tsParticles
tsParticles is a lightweight library for easily creating particles animations in your websites or web applications.
The tsParticles library is ready to be used in standard JavaScript, React, Vue.js, Angular, Svelte, jQuery, Preact, Inferno.
Angular tsParticles
The Angular official tsParticles library is ng-particles.
You read more about ng-tsparticles here
Want to see more particles demos? Checkout this collection
Want to see more templates or want to share yours? Checkout this README
Top comments (0)