Nordcraft is a visual website builder with a built-in AI agent, made for creative studios, designers, and developers. You design on a live canvas with full HTML and CSS control, connect any API or CMS, and build logic with workflows. Ask the AI to edit or explain components, then refine the result by hand. Branching, version control, and edge hosting with SSR are built in. The framework and runtime are open source, and every editor feature is free to use.

• Nordcraft AI Agent: Ask the built-in agent to edit components, for example converting every temperature in a weather app to Celsius. It can also explain what a component does and how its workflows run.
• Visual Editor with Full HTML & CSS Control: Design on a live canvas and see each change right away. You can set backgrounds, layouts, themes, and conditional styles without losing control of the underlying markup.
• CSS Animation Editor: Build custom keyframe animations visually, with support for SVG and custom logic, so motion work stays inside the same tool.
• API Connections & Live Data: Connect to any backend, CMS, or API through the built-in API editor or GraphQL editor. You design with real data instead of placeholders, and streaming is supported.
• Logic, Workflows & Formulas: Build interactions and app logic with variables, formulas, workflows, contexts, and reactive signals. Every edit is tracked in the visual interface.
• Component-Based Architecture: Create reusable components that work like those in modern JavaScript frameworks. You can export them as web components or share them as packages.
• Branching & Version Control: Work in Git-like branches with live preview URLs, so you can test changes before they go live.
• Built-In Hosting & Deployment: Publish to edge hosting with continuous deployment and server-side rendering, or self-host if you prefer to run it yourself.

• Generous free plan: Every editor feature is free, with unlimited collaborators and publishing to a nordcraft.site subdomain, so you can build a full project before you pay anything.
• Pay only for projects you launch: Pro starts at $9 per project per month, so you pay for the sites that go live and not for each seat.
• Designers and developers share one tool: Design, logic, and data live in the same editor, which removes Figma handoffs and back-and-forth between teams.
• AI that keeps you in control: The agent handles repetitive edits and explains components, and you can refine every result by hand in the visual editor.
• Open-source foundation: The framework and runtime are open source under the Apache 2 license, which lowers lock-in and makes the platform easier to inspect.
• Production features included: Server-side rendering, branch previews, SEO tools, and asset management come built in, so you don't need to add extra services.

• Bring your own backend: Nordcraft connects to external APIs, CMSs, and backend services rather than presenting its own database. If you want content and data managed inside the builder, you will need another service alongside it.
• Usage-based hosting costs: Pro starts at $9 per project per month and includes 100,000 requests. Additional requests incur tiered charges, which can make costs less predictable as traffic grows.
• Built for professionals over beginners: Nordcraft offers deep HTML, CSS, formula, and workflow control. Coding knowledge is not required, but people without web development basics may face a steeper learning curve than with simpler template-driven site builders.

• Creative Studio Client Sites: Your studio can design, animate, and publish client websites in one tool. Each launched project gets its own custom domain and branding-free hosting from $9 per month.
• Designer-Developer Collaboration: Designers and developers can work in the same project with unlimited collaborators. Branches with preview URLs let your team review changes before they ship, without passing Figma files around.
• Data-Driven Web Apps: You can connect a REST or GraphQL API, design with live data, and add logic through workflows. A dashboard or interactive tool can go from mockup to working product in the same editor.
• Fast Iteration with AI: Ask the AI agent to make sweeping edits across a component, such as changing units or restructuring content, then fine-tune the result by hand. You save time on repetitive work and keep creative control.
• Reusable Component Libraries: Build components once, share them as packages across projects, or export them as web components to embed in other sites.
• Animated Marketing Pages: Use the keyframe animation editor and SVG support to build motion-rich landing pages. Server-side rendering and SEO tools help them load fast and rank well.