.ns { display: none !important; } .ns-dev { --ink: #f2f4ee; --muted: #99a1ad; --bg: #07080a; --line: #242a33; --lime: #c8ff4d; min-height: 100vh; background: var(--bg); color: var(--ink); font-family: "Inter", system-ui, sans-serif; } .ns-dev * { box-sizing: border-box; } .ns-dev .wrap { max-width: 900px; margin: 0 auto; padding: 48px 24px; } .ns-dev .brand { display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); padding-bottom: 18px; } .ns-dev .brand strong { font-size: 18px; letter-spacing: -.02em; } .ns-dev .mono { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); } .ns-dev h1 { margin: 72px 0 24px; font-size: clamp(48px, 12vw, 112px); line-height: .84; letter-spacing: -.06em; } .ns-dev h1 span { color: var(--lime); } .ns-dev p { max-width: 60ch; color: var(--muted); font-size: 17px; line-height: 1.65; } .ns-dev a { color: var(--lime); } .ns { --ink: #f2f4ee; --muted: #99a1ad; --bg: #07080a; --bg-alt: #0b0d11; --line: #242a33; --lime: #c8ff4d; --violet: #8b7cff; margin: 0; background: var(--bg); color: var(--ink); font-family: "Inter", system-ui, sans-serif; } .ns * { box-sizing: border-box; } .ns a { color: inherit; } .ns .wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; } .ns .mono { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; } .ns header { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); } .ns .wordmark { font-weight: 700; letter-spacing: -.02em; font-size: 17px; } .ns .wordmark span { color: var(--lime); } .ns .btn { display: inline-block; padding: 14px 20px; text-decoration: none; font-weight: 600; font-size: 14px; border: 1.5px solid var(--ink); } .ns .btn-primary { background: var(--lime); border-color: var(--lime); color: #07080a; } .ns h1 { font-size: clamp(42px, 9vw, 84px); line-height: .9; letter-spacing: -.02em; margin: 22px 0 18px; } .ns h1 span { color: var(--lime); } .ns .lede { max-width: 56ch; color: var(--muted); font-size: 17px; line-height: 1.6; } .ns .hero { padding: 60px 0 44px; border-bottom: 1px solid var(--line); } .ns .row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; } .ns section { padding: 44px 0; border-bottom: 1px solid var(--line); } .ns h2 { font-size: 30px; letter-spacing: -.02em; margin: 0 0 8px; } .ns .muted { color: var(--muted); } .ns .grid { display: grid; gap: 14px; } @media (min-width: 800px) { .ns .grid.three { grid-template-columns: repeat(3, 1fr); } } .ns .card { background: #0e1116; border: 1px solid var(--line); padding: 20px; } .ns .card.featured { border: 1.5px solid var(--lime); } .ns .card h3 { margin: 10px 0 6px; font-size: 18px; } .ns .price { font-size: 34px; font-weight: 700; letter-spacing: -.02em; margin: 8px 0; } .ns .tag { display: inline-block; border: 1px solid var(--line); background: #10141a; padding: 6px 8px; color: var(--muted); margin-top: 10px; } .ns .bar { width: 40px; height: 2px; background: var(--lime); } .ns .violet { color: var(--violet); } .ns footer { padding: 32px 0 48px; color: var(--muted); }

TwelveLab Build in progress

Public notice / 001

UNDER
DEVELOPMENT.

TwelveLab is under development. The public launch is postponed while the voice worker, consent controls and production billing are completed.

Contact: hello@nexusweblab.io

NexusWebLab Sign in →

Screenshot → code · v1

SCREENSHOT
TO CODE.

Drop a screenshot or describe a screen and get one self-contained HTML + Tailwind file. 100 free credits for new accounts, one credit per build, no card required.

Start free — 100 credits → Browse catalog

Pricing | Service catalog | What 100 free credits buys

01 / 04 — Screenshot to Code

Screenshot to Code

Drop a design and get one self-contained HTML + Tailwind file.

Live · 1 credit / build

02 / 04 — Video to Code

Video to Code

Record your screen and turn interactions into components.

Coming soon · not priced

03 / 04 — Text to Code

Text to Code

Describe a UI in plain English and get working code.

Live · 1 credit / build

04 / 04 — Any Framework

Any Framework

HTML + Tailwind is live. React and Vue are disabled until their preview pipeline works end to end.

HTML + Tailwind live · React / Vue not yet

Pricing

Free to prove it. Priced to keep shipping.

Checkout is not connected yet. Paid buttons reserve a waitlist spot; credits are added by hand and no card is collected.

Free

100 credits once. No card required.

Start free

Hobby

$15/mo

100 credits every month.

Reserve a plan

Pro

$40/mo

500 credits every month.

Reserve a plan

One credit per build or edit · credits do not expire