Aakash

Smoke Login

Shaders 2

About

A split sign-in page. Live WebGL smoke with an acid green thread drifts across a stack of paper on the left and swirls around your pointer; the form sits on plain paper on the right. Opens in dark mode with a light / dark switch, blur-in entrance, Inter.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Smoke Login to your project and fits it to your theme.

Code

How Smoke Login is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { SmokeLogin } from "@/components/ui/smoke-login";

export default function SmokeLoginDemo() {
  return <SmokeLogin />;
}

Dependencies

More by Aakash

View all
  • Skincare Product Shelf

    Skincare Product Shelf

    403
  • Coffee Pour Menu

    Coffee Pour Menu

    352
  • Holographic Business Card

    Holographic Business Card

    198
  • Disc Reveal List

    Disc Reveal List

    74
  • Nearby Walk Menu

    Nearby Walk Menu

    67
  • Foggy Window Wipe

    Foggy Window Wipe

    42
  • Liquid Glass Login

    Liquid Glass Login

    42
  • Sports Car Dashboard Menu

    Sports Car Dashboard Menu

    41

More in Shaders

View all
  • Glass Fold

    Glass Fold

    387
  • Shader Animation

    Shader Animation

    3.8K
  • Wave

    Wave

    708
  • Black Hole

    Black Hole

    38
  • Paper design shader Background

    Paper design shader Background

    688
  • Background Shaders

    Background Shaders

    113
  • Oceanic

    Oceanic

    181
  • Phosphor 30

    Phosphor 30

    304