/form

Sign in/Sign up form (Next.js/TypeScript) in a glassmorphism design.

Primary LanguageTypeScript

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

Live Demo

Stack

image image image image image

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