.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); }

Zory, the visual editor for React code

Design real React interfaces on a visual canvas. Tune every breakpoint, then export a standalone React and TypeScript project with no runtime lock-in.

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.