Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/tsparticles/react-glass-auth-template

Glassmorphism React.js Auth Template with Javascript Particles using tsParticles
https://github.com/tsparticles/react-glass-auth-template

auth authentication hacktoberfest hacktoberfest2021 html-css-javascript html5 javascript particles particles-backgrounds particles-bg particles-js react reactjs registration-forms template templates tsparticles

Last synced: about 1 month ago
JSON representation

Glassmorphism React.js Auth Template with Javascript Particles using tsParticles

Host: GitHub
URL: https://github.com/tsparticles/react-glass-auth-template
Owner: tsparticles
License: mit
Created: 2021-10-09T16:47:57.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2024-07-23T15:04:41.000Z (about 2 months ago)
Last Synced: 2024-07-24T01:23:41.261Z (about 2 months ago)
Topics: auth, authentication, hacktoberfest, hacktoberfest2021, html-css-javascript, html5, javascript, particles, particles-backgrounds, particles-bg, particles-js, react, reactjs, registration-forms, template, templates, tsparticles
Language: JavaScript
Homepage: https://tsparticles.github.io/react-glass-auth-template/#/login
Size: 4.15 MB
Stars: 12
Watchers: 3
Forks: 3
Open Issues: 7
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

templates - React tsParticles Glassmorphism Authentication template

README

        # tsParticles React Glassmorphism Authentication Template

tsParticles Simple Auth HTML Template made with Glassmorphism for React Web Sites/Applications

## Login Page Preview

[![login](https://raw.githubusercontent.com/tsparticles/react-glass-auth-template/master/__screenshots/login_light.png?raw=true)](https://tsparticles.github.io/react-glass-auth-template/#/login)

[![login](https://raw.githubusercontent.com/tsparticles/react-glass-auth-template/master/__screenshots/login_dark.png?raw=true)](https://tsparticles.github.io/react-glass-auth-template/#/login)

See working preview [here](https://tsparticles.github.io/react-glass-auth-template/#/login)

## Register Page Preview

[![register](https://raw.githubusercontent.com/tsparticles/glass-auth-template/master/__screenshots/register_light.png?raw=true)](https://tsparticles.github.io/react-glass-auth-template/#/register)

[![register](https://raw.githubusercontent.com/tsparticles/glass-auth-template/master/__screenshots/register_dark.png?raw=true)](https://tsparticles.github.io/react-glass-auth-template/#/register)

See working preview [here](https://tsparticles.github.io/react-glass-auth-template/#/register)

## What is tsParticles

[tsParticles](https://github.com/matteobruni/tsparticles) is a lightweight library for easily creating particles animations in your websites or web applications.

The [tsParticles](https://github.com/matteobruni/tsparticles) library is ready to be used in standard JavaScript, React, Vue.js, Angular, Svelte, jQuery, Preact, Inferno.

### React tsParticles

The ReactJS official [tsParticles](https://github.com/matteobruni/tsparticles) library is `react-tsparticles`.

You read more about `react-tsparticles` [here](https://github.com/matteobruni/tsparticles/blob/master/components/react/README.md) 

---

Want to see more particles demos? [Checkout this collection](https://codepen.io/collection/DPOage)

Want to see more templates or want to share yours? [Checkout this README](https://github.com/tsparticles/templates)