Designers,
it's time to build!

Nordcraft lets designers create for the web without the need for developers. Build with AI, design with precision, be proud of what you ship.

Start building

Nordcraft

Nordcraft AI

Thought for 1s

With Nordcraft you can build web apps, websites and reusable components: pages with routing, connections to APIs and services, workflows, animations, and themes. You have the weather-widget weather card open, so here are some things you could build on top of it:

Improve this weather card

Make the tabs work: right now the "Now", "Hourly" and "Daily" buttons don't do anything. I could add a selected-tab variable and show the matching forecast for each one.
City search: add an input that fetches weather for whichever city the user types in.
Unit toggle: let users switch between °C and °F, and between km/h and mph.
Loading and error states: show a skeleton while the Weather API loads, and a message if the request fails.
Accessibility: the buttons have tabindex = -1, so you can't reach them with a keyboard. I could fix that and add labels for screen readers.

Build something new

A dashboard page: a grid of cards like this one, for example weather, a calendar and a news feed.
A data app: a product list, todo app or CRM that uses a backend like Supabase or Xano to read and save data.
A marketing site: a landing page, pricing page and contact form, built from reusable components.
A login flow: sign-up, sign-in and protected pages.
UI kit components: modals, tabs, dropdowns and toasts that you can reuse across the project.

Tell me which one you'd like, or describe your own idea, and I'll build it.

Build • Claude Opus 5.5 • 8sec

Type/for commands,to submit

Opus 5.5Medium

The Nordcraft editor with a project open on the canvas

Built for a new design process

PlayDesignShip

Play

Use AI to explore. Build every idea and see which is the right one. Nordcraft's AI agent supports the latest AI models and MCP.

Cutout of the Nordcraft editor's element panel and background editor

Try the Nordcraft app Grab Hold

AI Assistant

Let's try it in blue.svenning · 3:45 AM

I'll try a blue color for the device.I'll check the relevant files and workflows,then capture a screenshot and run the checks.

▤ Read fileGrab Hold
▤ Read fileWorkflows
grab-hold-device
+4
Changed device color to Cerulean Blue.

Build

Opus 5.5

Design

Go beyond generic AI design. Nordcraft's visual design editor gives you full control and instant feedback.

Sophie Bennet

Web Developer specializing in joyful animations and accessibility

312148

profile-card

Try it yourself

profile-card

div

card-actions

button

span

Background

Color

Image

Gradient

undefined

Stops

New

TrailSave

Into the Northern Woods

A quiet trail through snow-covered pines. Three hours of fresh air, no signal, and the best views in the valley.

3 h9 kmRated 4.9

Explore trailIn review

v29Created the card componentAdded a backgroundAdded a borderRounded the cornersAdded a drop shadowAdded inner paddingAdded an image placeholderAdded the hero imageCropped the image to fill its frameRounded the image cornersAdded a titleSwitched the title to a serif fontIncreased the title sizeAdded a descriptionMuted the description colorRelaxed the line heightWrote a first draft of the copyRewrote the titleRewrote the descriptionAdded a category tagAdded duration and distanceAdded a ratingAdded a buttonRenamed the buttonMade the button pill shapedAdded a save actionMoved to a dark green paletteAdded a teal accent to the titleMatched the button to the accentBoosted the image colorsAdded a gradient over the imageThemed the category tagTightened the spacingExpanded the image to fill the remaining spaceAdded a hover liftImproved text contrastShortened the descriptionAdded a New badgeSent for reviewApproved and shipped to productionMatched the button to the accent

Animationslimitedonlybyimagination

Combine CSS keyframes, SVG, and custom logic to craft unique effects

There is no excuse for being boring

AI takes away the tedious tasks so you have time to focus on the details that makes your app or website stand out.

Interactive

Create custom keyframe animations in the built-in editor

translate

0s
0.2s
0.4s
0.6s
0.8s
1s
1.2s
1.4s
1.6s
1.8s
2s

Build the real thing, not just a mockup

Design with real data and interaction. No more mockups!

Build the real thing, not just a mockup

Design with real data and interaction. No more mockups or design handoffs. Nothing lost in translation.

Pokémon images © Nintendo/The Pokémon Company, used via PokéAPI for Nordcraft API demo, and, admittedly, because we wanted to impress our kids.

Edit API

Request

MethodGET

FetchAuto fetch

Inputs

URL

Parameters

Headers

Events

Advanced

Path

api

String

pokemon

String

Response

4ms

https://pokeapi.co/api/v2/pokemon/

pokemon

number"1"

name"bulbasaur"

height"7"

weight"69"

types

type"grass"

type"poison"

number"2"

name"ivysaur"

height"10"

weight"130"

types

type"grass"

type"poison"

number"3"

name"venusaur"

height"20"

weight"1000"

types

type"grass"

type"poison"

number"4"

name"charmander"

height"6"

weight"85"

types

type"fire"

number"5"

name"charmeleon"

height"11"

weight"190"

types

type"fire"

number"6"

name"charizard"

height"17"

weight"905"

types

type"fire"

type"flying"

number"7"

name"squirtle"

height"5"

weight"90"

types

type"water"

number"8"

name"wartortle"

height"10"

weight"225"

types

type"water"

number"9"

name"blastoise"

height"16"

weight"855"

types

type"water"

number"10"

name"caterpie"

height"3"

weight"29"

types

type"bug"

number"11"

name"metapod"

height"7"

weight"99"

types

type"bug"

number"12"

name"butterfree"

height"11"

weight"320"

types

type"bug"

type"flying"

Built on 4 core principles

We created the web platform we always wanted. But more importantly, we created a company that sets out to build on top of what makes the web so wonderful.

Professional Over Beginner Focused

TextTools that don't grow with you are not worth learning. Nordcraft is, first and foremost, built for professionals who care about their craft. We strive for simplicity, but we never dumb things down.

Web Standards Over Custom Solutions

The web platform already has great solutions to most problems. Nordcraft is designed to elevate and complement web standards, instead of trying to replace or abstract them away.

Open Source Over Vendor Lock-In

It's your website. Don't let anyone tell you how and where you can deploy it. Nordcraft's framework and runtime are 100% open-source under the Apache 2 license. More to come in 2026.

Human Creativity Over AI Design

AI is an amazing technology and a great tool, but it will never be a substitute for human creativity. Automate the boring stuff so you can spend your time creating.

Every element you need to ship high-end web experiences

Nordcraft comes with built-in versioning, hosting and everything you need to keep shipping.

Built in Nordcraft

Designers,
it's time to build!

Built for a new design process

Play

You found a tool card!

Great job!