Glassmorphism Sign in/Sign up form (Next/TS)

Live Demo

Stack

Features

• user can login with credentials or GitHub profile, logout and create an account;
• data validation was made using the Zod library;
• mobile first design (from 320px);
• modern glassmorphism background effect was made using the backdrop-filter property;

How to run locally

• install dependencies

npm install
# or
yarn

• run the development server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev