The Nordcraft Web Development Engine

Designers should build

Nordcraft combines an interactive design tool with a powerful web framework. It has everything you need to craft AAA web experiences. That's how we built Nordcraft in Nordcraft.

Start building

Left panel containing the Nordcraft element tree

null

Today, Monday 08:26 AM

°null

Feels like°

Humidity%

Pressure hPa

Wind km/h

Right panel containing Nordcraft app's CSS, Attributes and Events

#BuiltWithNordcraft

Apps and crafts built with Nordcraft

Product teams are shipping amazing products and web experiences with Nordcraft.

See more See more

Build anything!

The Nordcraft Editor lets you build anything from simple content sites to complex interactive apps.

Unlike the WYSIWYG tools of the past, you have full control over your site's HTML and CSS. What you see in the editor is exactly what will be rendered in the user's browser.

Learn more

A powerful framework at the core

The Nordcraft Engine is powerful, yet lightweight. It is built on the best ideas from the last 10 years of web frameworks, and will feel very familiar to React, Vue and Svelte developers.

Component-based development

Learn more

Lightweight 24kb runtime

Learn more

Full server and client-side rendering

Learn more

Fast reactive core based on signals

Learn more

The next chapter in web development

Game studios have been relying on high-quality visual tools to deliver the best possible experiences. Why should web development be any different?

The World's first Web Development Engine

Nordcraft is for web development what Unreal Engine is for game development: a tool to create AAA web apps.

They figured it out 30 years ago

"Game studios figured it out over 30 years ago—Designers and Engineers should work in the same tool. Instead of design handoffs and duplicate work, everyone focuses on what they do best. The studios didn't turn to Unreal Engine to avoid writing code. They wanted to raise the bar for what they could deliver."

Andreas Møller

CEO, Nordcraft

Skip the assembly line

Nordcraft counters the classic Figma to Jira to code assembly line. Forget handovers. Build it yourself.

Skewed JavaScript code used for illustrative purposes

Code when you need it

Nordcraft makes it simple to extend the built-in functionality with custom-coded actions. Extend Nordcraft to your liking.

Two worlds combined

Nordcraft is a tool where both Designers and Engineers feel unlimited.

A complete suite of tools

Nordcraft comes with all the tools you expect to make state of the art web applications.

Branching

Collaborate through branching.

API Connection

Connect to any REST API or backend.

Hosting

Cloudflare hosting with 285 global EDGE locations.

Self-hosting

Deploy at will. Nordcraft is open source.

SSR

Server-Side Rendering as standard.

Issue Tracking

Monitor and fix bugs.

Components

Component-driven development by heart.

Design Systems

Stay on brand and work faster.

Live Data

Build, iterate, and test with live data.

View Transitions

Create beautiful View Transitions.

Packages

Publish and download community packages.

Custom Code

Extend Nordcraft via the built-in code editor.

Web Components

Export and host Web Components.

AI Assistant

Get unblocked via the AI Assistant.

SEO & Meta Tags

Get indexed by search engines.

Content Updates

Watch and read the latest from the Nordcraft team!

Nordcraft@nordcraft.com

"#NoMoreHandoffs"

Andreas Møller

@andreasmoller.dk

@Why draw mockups in Figma when you can just build the real thing in @nordcraft.com
#NoMoreHandoffs

Figma vs Nordcraft
youtube.com/shorts/8MX72...

Figma vs Nordcraft

YouTube video by Nordcraft

YouTube thumbnail for the latest Nordcraft YouTube videos

Tuesdag, June 17

New Animation Editor in Nordcraft

Cover image for the Nordcraft podcast called "Pixels with Purpose"

Tuesday, May 20

New podcast episode out!

Blog post header image for the latest Nordcraft blog post

Monday, May 9

It wasn’t the idea that failed: it was the execution

Try Nordcraft — it's free!

Don't deploy to staging!

Nordcraft on YouTube

AI will mean more programmers, not fewer

AI will not replace programming. Instead AI, combined with the power of visual programming platforms, will help more people than ever become programmers

Don't deploy to staging!

Nordcraft on YouTube

Blog post thumbnail with an old-school computer travelling at the speed of light

Faster than light loading with the Speculation Rules API

The best loading time is none at all! With the new Speculation Rules API, your website’s load speed goes superluminal, and will feel as if instantaneous.

How to build a bad UI

Nordcraft on YouTube

Multiple useless watering cans placed next to each other

How useless apps teach you how to program faster

It's hard to learn new things like programming. Unlike Neo, you can’t just plug into The Matrix and instantly know how to develop — maybe someday, but not yet.

Debug with Dev Tools

Nordcraft on YouTube

Walk the Talk

Don't just chat about it, build it

LLMs are great tools, not great Developers. Great Developers wield many tools to build great software, they don't just prompt one.

A person prompting his way to the next big thing — maybe, but probably not

build me the next big thing

Don't be a prompt boi

A person happy about building the next big thing

Master an entire toolbox

Enterprise Support

Nordcraft provides detailed onboarding for enterprise teams, ensuring a fast and efficient start.

Kickoff Workshop

4 hours with Nordcraft Engineers.

Weekly Calls

Support and feedback calls.

Support Channel

Live support channel on Discord.

Programming is magical, but it is not magic

AI "vibe coding" enables quick app creation, but lacks the control of traditional development. Developers ensure reliability, which AI alone can't provide.

Nordcraft CertificationBecome a Certified Nordcraft Developer on LinkedIn

Pixels with Purpose - Episode 1

Nordcraft on YouTube

They lied to you. Building software is really hard.

Every week there seems to be a new tool that promises to let anyone build applications 10x faster. The promise is always the same and so is the outcome.