.zory-noscript { --ns-bg: #000000; --ns-fg: #a1a1a1; --ns-hi: #ededed; --ns-link: #7aa9f8; max-width: 40rem; margin: 4rem auto; padding: 0 1.5rem; font-family: system-ui, sans-serif; line-height: 1.6; color: var(--ns-fg); } @media (prefers-color-scheme: light) { .zory-noscript { --ns-bg: #ffffff; --ns-fg: #56565c; --ns-hi: #111113; --ns-link: #1d54c4; } } .zory-noscript h1 { color: var(--ns-hi); } .zory-noscript a { color: var(--ns-link); } html:has(.zory-noscript), body:has(.zory-noscript) { background: var(--ns-bg); }

Download Zory for macOS and Windows

The desktop app keeps a real folder of React and TypeScript in step with your design, so VS Code, Cursor and Claude Code work on it directly with no plugin and no export step.

Zory needs JavaScript to run, because the editor is the product. Enable it and reload to create a free account and start building.