Aurora: Frosted Glass Login Forms

Your login screen is the most-visited page of any app. Aurora makes it memorable with two complete sign-in designs: a twilight desert scene with a frosted card and a neon ribbon variant with Apple, GitHub and passkey options. Both are pure React with hand-written CSS, so they drop into any stack and restyle in minutes.

Two layouts, one package

Switch between Form 1 (welcome hero + frosted sign-in card) and Form 2 (sign-up card with social and passkey sign-in) with the built-in toggle, or ship them separately.

Real glassmorphism

Layered backdrop-filter blur, soft borders and inner highlights produce a genuine frosted-glass effect that reads well over rich artwork.

Features

• ✓Two complete login / sign-up designs
• ✓Frosted-glass cards with backdrop blur
• ✓Username, email, password and full-name fields
• ✓Remember-me and terms checkboxes
• ✓Sign in with Apple, GitHub and passkey buttons
• ✓Built-in form switcher
• ✓Zero UI dependencies: React + plain CSS
• ✓Responsive down to 360 px

What's included
Full JavaScript source code, package.json with locked dependencies, Vite config, RVT.ai README with setup and customisation guide, LICENSE and THIRD-PARTY-NOTICES.md. No node_modules: run npm install once.

Requirements
Node.js 20.19+ and npm 10+ to develop and build. The production build is static HTML, CSS and JavaScript that runs on any static host. No backend, API keys or paid services required.

Perfect for

• SaaS and web-app authentication screens
• Membership and community sites
• Portfolio and creative studio log-ins
• Hackathon and MVP prototypes

From download to production

1. Download Aurora: Frosted Glass Login Forms from your account and unzip it.
2. Run npm install, then npm run dev to open it locally.
3. Swap in your brand colours, copy and data (see the README customisation guide).
4. Run npm run build and deploy the dist/ folder to any static host.

Support and updates
Includes free updates and six months of RVT.ai support. Ask pre-purchase questions in the product Q&A, or open a ticket at https://rvt.ai/support with your order number.

Choose the license for your project

A Regular license covers a single end product that is not sold to end users. Choose Extended for a single end product that is sold to end users, including SaaS products and paid applications. Review the full license terms before checkout.