.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. Enable it and reload to open a React project. You do not need an account for the free repository workflow.