Premium Auth Split
A full-screen split authentication layout with a real-time WebGL raymarched torus shader on the left panel and a clean sign-in form on the right. Features Google OAuth, email input, and dark mode support.
A full-screen split-panel authentication layout. The left panel renders a live WebGL fragment shader featuring three raymarched torus shapes that slowly rotate and interweave, creating a premium dark cylindrical aesthetic.
The right panel contains a centered sign-in form with Google OAuth, an email input, and a continue button. Inputs and the Google button use shadow-sm shadow-black/10 ring-1 ring-black/10 for clean elevated styling.
The continue button uses a blue gradient with a diffused glow shadow. All interactive elements have cursor-pointer, active:scale-98, and transition duration-150 for tactile feedback.
Full dark mode support across both panels. The shader panel is hidden on mobile breakpoints and the form fills the screen instead.
More from Login and Signup Sections
Included with All-Access
One payment unlocks the code for this block and every other block, template and page.
Get All-AccessExplore more
About this block
A full-screen split-panel authentication layout. The left panel renders a live WebGL fragment shader featuring three raymarched torus shapes that slowly rotate and interweave, creating a premium dark cylindrical aesthetic.
The right panel contains a centered sign-in form with Google OAuth, an email input, and a continue button. Inputs and the Google button use shadow-sm shadow-black/10 ring-1 ring-black/10 for clean elevated styling.
The continue button uses a blue gradient with a diffused glow shadow. All interactive elements have cursor-pointer, active:scale-98, and transition duration-150 for tactile feedback.
Full dark mode support across both panels. The shader panel is hidden on mobile breakpoints and the form fills the screen instead.