Pricing Blog
Left panel containing the Nordcraft element tree
Bottom bar of the Nordcraft web app editor
Right panel containing Nordcraft app's CSS, Attributes and Events
HTML and CSS

Modern CSS has outgrown text editors

Creating animations, gradients and grids in code is cumbersome. Nordcraft unlocks the full power of HTML and CSS with visual controls 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

    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
    Picture of a workflow in Nordcraft
    Logic & Workflows

    Create complex logic and workflows

    Use powerful visual tools to design sophisticated interactions without writing code. Connect steps, set conditions, and automate behavior.

    You found a tool card!

    Find more cards in the editor to learn about the tools in Nordcraft!

    Card image showing a representation of toddle's API editor

    Curiosity

    You are a curious person

    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.

    The Web Development EngineCraft AAA web apps together