Sadat Loginverse

Description

Sadat Loginverse replaces the familiar WordPress login styling with ten complete, art-directed experiences: five immediate cinematic worlds and five scroll-driven Three.js stories that reveal the login form at the end.

Select a world, add an optional small footer logo, and save. There are no color pickers, layout builders, custom CSS fields, font controls or upsells. The lack of an editor is the product idea—not a missing feature.

Five instant cinematic worlds

• Neural Gate — a living cyan intelligence portal with orbital data rings.
• Quantum Bloom — an iridescent dimensional bloom suspended in deep space.
• Mecha Core — an amber industrial command deck built around a reactor core.
• Void Monolith — a stark cinematic world of impossible monoliths and gravity.
• Arcade Nexus — a neon game grid racing toward an electric horizon.

Five scroll-story 3D worlds

• Cipher Vault — descend through a living encryption tunnel to its key chamber.
• Astral Archive — travel among memory monoliths orbiting a luminous archive.
• Firewall Citadel — cross a guarded neon city while its perimeter scans your signal.
• Genesis Engine — watch one command become code, machinery and a new world.
• Singularity Protocol — approach an event horizon where noise collapses into identity.

Each 3D world is generated procedurally. There are no remote models, textures, videos or image downloads. A visible Skip to identity gate control lets visitors go straight to the form.

A successful-login gateway

After WordPress successfully verifies a user, Loginverse shows a short local Access Granted transition before continuing to the validated destination. It does not replace credential validation, authentication cookies, roles or permissions.

Built for the real authentication flow

WordPress continues to own usernames, passwords, cookies, validation and errors. The selected design also covers registration, lost-password, password-reset, protected-post and interim-login states.

Story mode runs only on a clean, standard login screen. Error messages, recovery/reset screens, reduced-motion preferences, forced-colors mode and data-saving mode open directly at the form. If JavaScript or WebGL is unavailable, the form remains functional and styled.

Local and privacy-respecting

• Local, human-readable CSS and JavaScript.
• Three.js is bundled locally; no CDN is used.
• No external fonts, images, APIs or runtime requests.
• No account, analytics, telemetry or tracking.
• 3D animation pauses while the tab is hidden and disposes on navigation.
• Reduced-motion, forced-colors and data-saving preferences are respected.
• Responsive layouts for desktop, tablet and mobile screens.

The only branding control

Choose an image from the Media Library. Loginverse displays it at a restrained size in the bottom-right corner. If no image is selected, no footer logo is shown.

Third-party libraries

Three.js

• Version: r186
• Copyright: 2010–2026 three.js authors
• License: MIT
• Project: https://threejs.org/
• Source: https://github.com/mrdoob/three.js/releases/tag/r186

The unmodified, human-readable module distribution and its full license are included in assets/vendor/three/.

Technical details