DialKit is a framework for live tuning any parameter in your app. See changes instantly, test different value sets with presets, then copy a prompt for your agent. Available for free today.

npm install dialkit motion or visit to see more on how you can use it. Feedback and PRs welcome!

Live tuning is one of those ways of working that once you learn it, you don't go back. Use it to dial in animations, layouts, effects, or anything you think of.

Love this, some notion of pages, accordions for subset/grouping would be killer. Thanks for working on it.

collapsible groups are already in there, bb!

Ah amazing!

Thats awesome @joshpuckett !

😅

so cool! have to give this a try.

Working on new component, will test with it

@yordaniawono was doing something similar!

looks lovely, thanks @chazza for telling me about this.

@chazza I hope you find it useful!

I’ve been waiting for this!

let me know what you think!

Nice pics 👀

Must have been taken by a very talented (and handsome) photographer! 😘

Very impressive work Josh! At the moment I use Leva for this use case but I will definitely try this too, my only feedback so far from the demo is that it would be awesome if we were able to drag the panel around, since I typically move this component around in my presentations while I walk through various details

You can specify anchor position currently, but will looking into drag anywhere positioning

Wanted to dm about it so this is clutch

Love this, thanks for all the hardwork! 🙌🏻

Game changer if we had this in svelte

submit a PR! Will look to add eventually.

It's more like tweakpane but much better thanks @joshpuckett

exactly. I wanted to call it "Tweak", resurrecting this project from 12 years ago, but that'd be too confusing

It's great way to tweak with motion

This looks really cool! And amazing docs

🙏

absolutely goated. stoked to use this

between this and — it's making me want to switch away from svelte

as an interface craft user, been using this for everything in my workflow and it's just game changer! btw raised a pr for a papercut 😅

Pretty UI

I recognize that slider from mile now 😎 That part of the course was mind-blowing to me

Always go the extra mile 🙏 Unless you’re running a race, then you probably don’t need to.

exactly when needed awesome job sir

Bought the course just last night so I could get access to this damn 😅 but i'm sure I'll still learn loads!

I go a lot deeper on it in Interface Craft. There are also other skills (and coming tools) that are exclusive to members.

Sweet looking forward to diving in!

Just saw this at interfacecraft. Trying it asap

OMG!

@zstvns

This looks great, will give it a go 👌

This feels bigger than tuning. If those parameters connect to canonical components, you are not just tweaking visuals, you are evolving the system. Code defines the primitive. Canvas shapes it in context. Prompt reasons over it. One object, multiple ways to interact.

Nice one @joshpuckett. I will give it a whirl. Did you also see Tweakpane? Pretty cool project that is similar to yours.

You're on fire right now mate. Played around with this earlier... so good!

Would this give context of dom to the agent ? Been using agentation for a few weeks which I like a lot but this is going much further

Different; you design params in your code and then yes, prompt has specific context to update them. Agentation is complementary too; I use both daily

Love this. Just a couple days ago was building such panel for myself and was glad to discover a much polished version in Interface Craft! Except in mine I copy config json and not prompt.

curious how it integrates with existing animation libs

it makes working with @motiondotdev a dream; but works with anything.

@motiondotdev motion compatibility is huge. makes sense it works anywhere

This is so freaking cool.

Congrats on the launch! Live tuning parameters sounds like a game changer. Excited to try it out and see how it improves app workflows.

@brettmcm This is a layer of abstraction above what we’ve been working on. Stellar concept. Love it. So well done, @joshpuckett. Gonna have to give the tool a spin.

already have dialkit in one of my projects. the speed of dialing in the right values without guessing is genuinely great. nice work @joshpuckett thank you!