PricingBlog
Nordcraft
Left panel containing the Nordcraft element tree
Right panel containing Nordcraft app's CSS, Attributes and Events
Visual EditorEdit design and logic
  • Profile image of Kasper Svenningsvenning
    07:35
    convert all temperature to celsius
  • Nordcraft AI
    07:36
    Let me first understand your component.It seems like the API "Weather" is providing all temperatures in Fahrenheit. Let me convert that to Celsius for you.
    Edited filedemo-project
    I have updated the temperature in three places:
    • Main temperature
    • "Feels like" temperature
    • Hourly temperature
    All temperatures now display Celsius values.
    Changes applieddemo-project
Ask Nordcraft AI...
AI AgentBuild or ask
The Nordcraft editor — Visual editThe Nordcraft editor — AI agentThe Nordcraft editor — Visual editor and AI agent
"We didn't just slap AI on a text editor. Nordcraft is built from the ground up specifically for web development."
CEO of Nordcraft Andreas Møller

Andreas MøllerCEO, Nordcraft

Visual Editor

AI code meets human creativity

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

Demo app in Nordcraft

Sophie Bennet

Web Developer specializing in joyful animations and accessibility

312148
profile-card
profile-card
profile-card
div
h2
p
card-actions
button
span
Background
Color
Image
Gradient

undefined

Stops

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

    Trusted by development studios worldwide

    Logic & Workflows

    Guided by AI. Perfected by you.

    Use AI to build sophisticated interactions and application logic. Track every edit in Nordcraft’s visual interface.

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

    Try the Nordcraft app Grab Hold

    playMusic
    When
    playMusic
    Then
    playSound
    namemusic-
    String
    store-
    Null
    json-
    String
    hosthttps://nordcraft.com
    String
    version0.1.077
    String
    Nordcraft AI
    • Profile image of Kasper Svenningsvenning
      Sent
      explain this component to me
    • Nordcraft AI
      Sent
      PurposeThis component is the main interface of the Grab Hold device that:
      • Manages audio playback
      • Provides visual feedback
      • Handles user interactions
      WorkflowsThe component has 3 workflows:
      • 1.playMusicPlays music and manages the music playback lifecycle
      • 2.setDisplayUpdates the display with key/value information
      • 3.easterEggCan you figure it out?
    Ask Nordcraft AI...

    You found a tool card!

    Find more cards in the editor to learn about Nordcraft!

    Card image showing a representation of toddle's API editor

    Great job!

    The best devs are curious

    Animationslimitedonlybyimagination

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

    CSS Animations

    Animations shouldn't be something you wish you had time for

    We’ve eliminated the friction from creating and fine-tuning animations, letting you focus on expression instead of implementation.

    Interactive

    Interactive

    Create custom keyframe animations in the built-in editor

    01
    transform: translateX
    • 0s
    • 0.2s
    • 0.4s
    • 0.6s
    • 0.8s
    • 1s
    • 1.2s
    • 1.4s
    • 1.6s
    • 1.8s
    • 2s
    API Connections

    Connect to any API and design with real data

    Connect to any backend, CMS, or API and design with live data using either the built-in API or GraphQL editor.

    API Connections

    Connect to any API and design with real data

    Connect to any backend, CMS, or API and design with live data using either the built-in API or GraphQL editor.

    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
    /
    v2
    String
    /
    pokemon
    String
    Response
    4ms
    https://pokeapi.co/api/v2/pokemon/
    pokemon
    0
    number"1"
    name"bulbasaur"
    height"7"
    weight"69"
    types
    0
    type"grass"
    1
    type"poison"
    1
    number"2"
    name"ivysaur"
    height"10"
    weight"130"
    types
    0
    type"grass"
    1
    type"poison"
    2
    number"3"
    name"venusaur"
    height"20"
    weight"1000"
    types
    0
    type"grass"
    1
    type"poison"
    3
    number"4"
    name"charmander"
    height"6"
    weight"85"
    types
    0
    type"fire"
    4
    number"5"
    name"charmeleon"
    height"11"
    weight"190"
    types
    0
    type"fire"
    5
    number"6"
    name"charizard"
    height"17"
    weight"905"
    types
    0
    type"fire"
    1
    type"flying"
    6
    number"7"
    name"squirtle"
    height"5"
    weight"90"
    types
    0
    type"water"
    7
    number"8"
    name"wartortle"
    height"10"
    weight"225"
    types
    0
    type"water"
    8
    number"9"
    name"blastoise"
    height"16"
    weight"855"
    types
    0
    type"water"
    9
    number"10"
    name"caterpie"
    height"3"
    weight"29"
    types
    0
    type"bug"
    10
    number"11"
    name"metapod"
    height"7"
    weight"99"
    types
    0
    type"bug"
    11
    number"12"
    name"butterfree"
    height"11"
    weight"320"
    types
    0
    type"bug"
    1
    type"flying"
    Designer
    Developer
    Designer
    Developer
    Skip the Handover

    Where design and code create as one

    Nordcraft is where designers and developers build and ship together. No hand-offs, no passing around Figma files, no lost details. Designers focus on design, and developers focus on logic: all in the same tool.

    The Future of Web Development

    We built the tool we always wanted

    Nordcraft is built by web developers for web developers and made for those who believe the web deserves better than yet another JS framework.

    Nordcraft editor inside the Nordcraft editor
    Nordcaft sidebar icon buttonsNordcaft sidebar icon buttons
    Left panel containing the Nordcraft element tree
    Nordcaft sidebar icon buttonsNordcaft sidebar icon buttons
    Left panel containing the Nordcraft element tree
    Nordcaft sidebar icon buttonsNordcaft sidebar icon buttons
    Left panel containing the Nordcraft element tree
    Demo weather app made in Nordcraft
    Bottom bar of the Nordcraft web app editor
    Right panel containing Nordcraft app's CSS, Attributes and Events
    Bottom bar of the Nordcraft web app editor
    Right panel containing Nordcraft app's CSS, Attributes and Events
    Bottom bar of the Nordcraft web app editor
    Right panel containing Nordcraft app's CSS, Attributes and Events
    Scale Forever

    Nordcraft is built in Nordcraft

    From simple websites to major SaaS projects, Nordcraft scales with your needs. We prove how powerful it is every day by building the Nordcraft editor in the Nordcraft editor.

    Ship with Ease

    Every element you need for shipping high-end web experiences

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

    Manifest

    We live by 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 Friendly

    Tools 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

    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.

    Built in Nordcraft