About this component

Make authentication feel like entering a hidden world. Clicking Login transforms the button into a bookshelf. The bookshelf slides sideways revealing a hidden stone doorway. The user icon walks through the doorway carrying a small briefcase. The door closes behind them, lights turn on and the dashboard fades into view.

Difficulty

Expert

Style

Storybook

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/secret-door-login.