The Nordcraft Blog

Does your UI Kit Spark joy?

Spark One is a UI kit for Nordcraft heavily inspired but the famous shadCN UI. It offers beautiful designed components with excellent accessibility built-in.

Does your UI Kit Spark joy?
Andreas Møller

Andreas Møller

March 9, 2025

Spark One offers a set of beautiful, carefully crafted components for your Nordcraft apps. It was built by Spark Agency one of the top Nordcraft agencies in the world.

Spark One lets you hit the ground running. Just choose the Spark One template when creating a new Nordcraft project and you will instantly have access to all the most commonly used UI components that you need.

Ask questions to the Spark One template on Discord:
https://discord.gg/toddle 

Homepage of Spark, the people behind Spark One: https://spark-pro.dev

Docs for Spark One: https://spark-pro.dev/spark-one/overview 

Demo site for Spark One: https://one.spark-pro.dev

ARIA accessible all the way

Building accessible UI components is really complicated. You need to listen for all the different keyboard interactions, manage focus, and make sure that each element has the correct aria role.

Spark One components just works. The components them selves take care of keyboard navigation and focus management so you dont have to worry about it. Spark One also makes it simple to add semantic labels to different elements so your application works for people using screen readers and other assistive technologies.

Every component behaves just like a native element without looking like one. Your power users are going to love it.

Bring your own style

Spark component are available right there in your Nordcraft project so you can customize them as much as you like.

Want to add your own styling? You can completely modify every aspect of their visual appearance.

Built entirely in Nordcraft

Spark One components are lean and built entirely in Nordcraft. That means that every single component can be rendered on the server and does not require you to load a ton of extra JavaScript.

Both Spark One and Spark Core is completely open-source so you can go sand see how they are implemented.

Spark Core, the secret sauce

Spark One manages to be both incredibly powerful while also being simple to use. It is all because of the secret sauce: Spark Core.

Spark Core is a Nordcraft package that offers a set of low level building blocks for creating UI kits.

Pushing the platform forward

Along with spark we are also launching a new feature in Nordcraft that lest you override the styles of any component. It can be very difficult to design components in a way where they are easily reusable in all the different places you want to use them. In one place you might want it to have a fixed with and in another it should take up the full available with.

Before you would have to wrap components in divs with extra styling which added unnecessary html elements. Now you can just set the styles on the component directly end it will be applied to the root element of the component. This makes it much easier to use and customize components in Nordcraft.


So good we use it to build Nordcraft

The spark core library is so powerful that we actually started using it when building the Nordcraft editor. We have already updated many of or internal components to use Spark Core.

Yes this means that the Nordcraft editor was used to build Spark Core and that Spark Core is now used to build the Nordcraft editor.

Don't think too hard about it.



If you want to work with spark agency check out their
website.