# code

Terminal Copyable Command Block

A shell-command hash chip with a $ prompt and an inline copy button that flips to a green ✓ confirmation.

19800Open

Components Live preview

Typed Code Window with File Tabs

An editor mockup that re-types syntax-highlighted code per tab — Hero.tsx, a GLSL shader, the AI prompt.

35500Open

Components Live preview

Copy-command terminal tray

Monospace install-command tray with a gradient copy button, clipboard API + execCommand fallback, 'Copied ✓' state.

35600Open

Auto-Advance OTP Input · Rose Gold

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Rose Gold palette.

79200Open

Auto-Advance OTP Input · Ocean Sky

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Ocean Sky palette.

71600Open

Auto-Advance OTP Input · Mint Breeze

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Mint Breeze palette.

35200Open

Auto-Advance OTP Input · Candy Pink

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Candy Pink palette.

47600Open

Auto-Advance OTP Input · Royal Gold

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Royal Gold palette.

66800Open

Auto-Advance OTP Input · Crimson Heat

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Crimson Heat palette.

82800Open

Auto-Advance OTP Input · Deep Indigo

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Deep Indigo palette.

80500Open

Auto-Advance OTP Input · Aurora Teal

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Aurora Teal palette.

61900Open

Site Templates Live preview

Loop — Developer Tools Landing

Clean developer-tool landing with code snippet hero, feature grid and CLI install prompt.

Components Live preview

Code Snippet Card

Monospace code block with filename tab, syntax highlights and copy button.

Stackpad — Code Notes

Developer notes app landing with a code-editor hero, snippet previews and an install prompt.

Codegrade — CI Pricing

CI/CD pricing with per-minutes runner meters, parallel job limits and open-source row.

Gitworks — Team Repo Manager

Repo-management landing with a git-graph terminal hero and branch automation cards.

Sailor — Bootcamp Timeline

Coding bootcamp landing showing the curriculum as a week-by-week timeline with project milestones.

Components⚛ TSX Live preview

Two-Factor Auth Card

2FA code entry with six animated digit inputs, resend timer and device trust toggle.

Components⚛ TSX Live preview

Code Preview Tabs

Editor tabs switching HTML/CSS/JS panes with filename dots and copy button.

UI Elements⚛ TSX Live preview

OTP Code Input Row

Six OTP boxes with auto-advance, paste split and backspace jump.

Animations⚛ TSX Live preview

Terminal Command Typing

Simulated terminal typing commands with blinking prompt.