Toolcraft - Starter kit for AI design apps

Toolcraft is an open-source starter kit and UI library for building custom design apps with AI .

Use it to create small creative products, internal utilities, interactive experiments, and tools tailored to your workflow.

npx @pixel-point/toolcraft create

Apps gallery

You're only limited by your creativity.

Liquid Metal

Suminagashi Studio

Mesh FX

Brick Mosaic

Liquid Glass

Design the outcome.
Not the workspace.

Toolcraft gives AI an application architecture, not just components. It includes a working canvas, toolbar, layer system, timeline, and keyframe workflows, plus embedded AI skills, performance instructions, and visual testing rules to improve the quality and consistency of generated creative apps.

Works with Codex, Claude,
Cursor or any other AI agent.

After preview

After

Components for every creative workflow.

From sliders and panels to timelines, layers, and toolbars, everything you need to shape visual tools is already in place.

Sliders

Color Palette

Curves

Font Picker

Gradient

Vector

Color

See more components
in the docs

Coming soon...

Design without limits

npx @pixel-point/toolcraft create

@xin_pai88825Jul 3

Yesterday I saw that @stephenhaney had open-sourced Paper Shaders, while @alex_barashkov had also released a UI component library. So I combined the two and built an online tool with fullscreen preview and customizable parameters. You can upload a logo directly to quickly generate polished animated effects.

Amani • Design Partner

@hello_amaniJul 21

i’ve always been drawn to motion. i used to work with a friend whose animations often felt too harsh, and i kept wondering how i could create smoother motion myself. but every time i opened after effects, i felt lost and went back to focusing on design. now, with Tool craft,… Show more

Motion design app built with Toolcraft

As someone who's built a lot of ui controls, this saves so much time for creating well-crafted sliders, color pickers, drop-downs and infinite canvases. Can't believe it's free and open-source.

@MAQIB135Jul 19

Building a small tool for my web projects The idea is simple Customize an icon once, save it as a preset, and apply it to every other icon with a single click. I wanted to remove repetitive work from my workflow. Instead of styling every icon again and again, I can create it… Show more

@alexprokhorovJul 6

Building your own tools as a designer was not possible a year ago. Now thanks to Toolcraft and @paper shaders I can do whatever I want 😅 This is a huge moment for designers.

Creative design tool built with Toolcraft and Paper Shaders

@binks_aiAug 26

My new visual identity! I created a shader tool using Toolcraft in Codex, the tool by @alex_barashkov for CRT effects. Being able to create your own tools for brand assets is truly amazing

Binks Design visual identity with an orange CRT shader effect

@afrianhanafi_Jul 19

Toolcraft always comes in handy. s/o @alex_barashkov

Motion design experiment created with Toolcraft

@sofianedesignJul 19

got a working app in 1 prompt, with Toolcraft made by @alex_barashkov, first time I ever made an app, I can see why so many designers are excited, the feeling is indeed great aha! Finally an app to keep the hand-drawn feeling I have when I make the sketches on iPad, still need… Show more

Hand-drawn design app created with Toolcraft

@islemonarchAug 28

Most "dither this photo" tools cheat. They quantise luminance, then tint the result. It looks like a filter. It is not a palette. I built one that does it properly. Drop a photo in. Background keys out. Then it renders through 15 engines… Show more

Palette dithering and image effects editor built with Toolcraft

Robert Broadbent

@rrbroadbentSep 2

New branding for Vayu Sleep. Inspired by hypnograms, airflow, and the transition from restriction to release. Vayu Sleep is reimagining sleep apnea care with custom CPAP masks built from a smartphone face scan, AI, and advanced manufacturing.