App examples

Explore a variety of projects built in Nordcraft, from small toy projects to full platforms in production.

The Nordcraft Editor

The Nordcraft Editor is built in Nordcraft itself. If you can build an editor within an editor, you can build anything.

Nordcraft

The Nordcraft editor is built in Nordcraft itself!

Real-time data visualization

Watch Bluesky sign-ups happen in real time. Powered by the Bluesky Firehose API, each new sign-up is visualized as a butterfly flying across the screen.

A black silhouette of a tree is at the bottom left, with three black silhouette butterflies flying towards it. At the top left in cursive writing reads new Bluesky accounts, users joining Bluesky, powered by the Firehose API.

Bluesky sign-ups

Where Bluesky sign-ups are butterflies.

A drum machine

t-beat pro is a drum machine built in Nordcraft using the WebAudio API. Choose your drum sound and BPM, and build a looping beat that goes on forever (or until you stop it).

A rather cool-looking virtual drum machine, with a large volume knob in the top left, a BPM display, and some more circular controls on the right. Below are four columns of 32 buttons to control the drum beat.

t-beat pro

A drum machine and looper in your browser.

The Nordcraft Blog

The Nordcraft blog is powered by Contentful, and showcases how to render Rich Text from Contentful using Nordcraft components.

A screenshot of the blog index page, showing a number of article titles, excerpts and images in a grid view.

Nordcraft Blog

A content site powered by Contentful.

A CSS-only clock

This is a fully-functioning clock built with just CSS and no JavaScript, complete with support for multiple timezones.

A white clock on a white background with a subtle shadow around it, showing the time as 1:14. The hours and minute hands are white, the second hand is red. The label above the clock says Copenhagen, and there are links below the clock to switch the time display to New York, Copenhagen and London.

CSS Clock

A fully-functioning clock built with CSS and no JavaScript.

Tip

Check out more examples #BuiltWithNordcraft on nordcraft.com.