Toolcraft
Build your own design apps with AI.
FrameworkAI ProductivityWebFree
4.5Visit
Template
DialKit
Dial in interface parameters, springs and animations live while you build.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is DialKit?
DialKit is an open-source library that adds a live control panel to your interface, with sliders, toggles, color pickers, spring and easing editors and a timeline editor. It supports React, Solid, Svelte, Vue and plain JavaScript, and AI agents can wire up controls from a plain-language prompt.
Pros
- Tune animations and layout in real time
- Works across React, Solid, Svelte, Vue and JavaScript
- MIT licensed
Cons
- A developer tool you add to your own project
- Controls should be hidden or removed in production
DialKit alternatives
Similar resources to DialKit, picked from the directory.
Paper Shaders
Zero-dependency canvas shaders you can install from npm or design in Paper.
TemplateWorkflowsWebFree
4.4Visit
Iconly
A curated inspiration library of 2,400+ app, game and web app icons.
WebsiteWorkflowsWebFree
4.6Visit
Book of Shapes
A curated gallery of generative patterns — discover, customize and download algorithmic art.
WebsiteWorkflowsWebFree
4.5Visit
ASCII Magic
Turn photos and videos into ASCII, pixel art, halftone and more in your browser.
Web AppWorkflowsWebFree
4.4Visit
ASCIInator
The cleanest ASCII art visuals generator.
Web AppWorkflowsWebFree
4.4Visit
Free alternatives to DialKit
Free resources that cover similar ground.
Gradientool
A simple tool for infinite unique gradient outputs.
Web AppWorkflowsWebFree
4.4Visit
tweakcn
A visual no-code theme editor for shadcn/ui components.
Web AppWorkflowsWebFree
4.4Visit
Ghostty
A fast, feature-rich, cross-platform terminal emulator with native UI and GPU acceleration.
Desktop AppWorkflowsmacOS, LinuxFree
4.9Visit
Click
Python composable command line interface toolkit.
FrameworkWorkflowsmacOS, WindowsFree
4.8Visit
Frontend Design Skill
An official Claude skill for distinctive, intentional UI design that never reads as a templated default.
AI ToolAI ProductivityWebFree
4.8Visit
GSAP
A wildly robust JavaScript animation library built for professionals.
FrameworkWorkflowsWebFree
4.8Visit
Featured on Best Productivity Resources
Made DialKit? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/dialkit" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>