Loading video...

Video Failed to Load

Go Home

Introducing Graphical. It's a simple, powerful, and fun tool to design visual languages, style components, and work with coding agents to create interfaces that look memorable and feel unique. I hope you'll check it out at

400,808 views • 1 day ago •via X (Twitter)

57 Comments

Kris Puckett's profile picture
Kris Puckett1 day ago

@withgraphical Always such a nice attention to the details. Learn so much from you dude.

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical heyy you found one of many easter eggs! this was my favorite

Jaytel's profile picture
Jaytel1 day ago

@withgraphical He did it again ???

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical appreciate your early feedback last week! 🥂

James McDonald's profile picture
James McDonald1 day ago

@withgraphical He's gone and done it again

SRT's profile picture
SRT1 day ago

@withgraphical really love this interaction

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical Make Footers Fun

Steve Lauda's profile picture
Steve Lauda1 day ago

@withgraphical oh wow this is another smart tool from you, Josh!

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical everyone should have an easier way to get started making things with coding agents that don't look like garbage, so that's why we made it!

Greg Huntoon's profile picture
Greg Huntoon1 day ago

@withgraphical Yo, @joshpuckett, what a cool freaking move to drop @timelessco Grotesk in there as one of the two defaults. Seriously rad way to support. 👏🏼👏🏼👏🏼

ellie's profile picture
ellie1 day ago

@withgraphical omg ???? immediate purchase. the ROI on josh puckett tools and content is astronomical

Marvin Schwaibold's profile picture
Marvin Schwaibold1 day ago

@withgraphical congrats brother! ✨

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical 🥂😘

Ben Tossell's profile picture
Ben Tossell1 day ago

@withgraphical wow my version of something like was so off compared to this. love it

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical just wait for v2 😉

pauline's profile picture
pauline1 day ago

@withgraphical delightful !! congratulations josh 🙌

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical thanks Pauline, let me know what you think!

William Bello's profile picture
William Bello1 day ago

@withgraphical Finally something of great value that is not a monthly subscriptions, u guys cooked

Aniket Pawar's profile picture
Aniket Pawar1 day ago

@withgraphical Woah, these would pair so well with mascot-centric products. I’m building one myself, and the cherry on top is that it’s all built on Base UI 😋

adam ho's profile picture
adam ho1 day ago

@withgraphical another certified classic

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical we having fun 🫡

Jorn van Dijk's profile picture
Jorn van Dijk1 day ago

@withgraphical That’s cool

Ridd 🤿's profile picture
Ridd 🤿1 day ago

@withgraphical There it is 👏 looks incredible great launch as always

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical appreciate you Ridd!

John Falcone 🗽's profile picture
John Falcone 🗽1 day ago

@withgraphical

DANN©'s profile picture
DANN©1 day ago

@withgraphical Very cool can’t wait to try it 👏

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical let us know what you think, Dann!

Shane Levine's profile picture
Shane Levine1 day ago

@withgraphical This is sick

Tommy Geoco 🇺🇸's profile picture
Tommy Geoco 🇺🇸1 day ago

@withgraphical Bro you’re just at home cooking up insanely useful tools Another banger

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical my future wine bar will be called Bangers Only

Tommy Geoco 🇺🇸's profile picture
Tommy Geoco 🇺🇸1 day ago

@withgraphical I was always fond of the name Nothing But Bangers

Colm Tuite's profile picture
Colm Tuite1 day ago

@withgraphical Congrats! Looks super fun

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical thanks Colm! Building with @base_ui a dream!

Joey Banks's profile picture
Joey Banks1 day ago

@withgraphical This is *awesome*, Josh! Congrats to you two on the launch!

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical thank you Joey!

Timeless's profile picture
Timeless1 day ago

@withgraphical Congrats on the launch Josh! Feels great for our Timeless fonts to be included in Graphical. Thank you! 💎

SEESAW's profile picture
SEESAW1 day ago

@withgraphical elite

Hardik Kumar's profile picture
Hardik Kumar1 day ago

@withgraphical he can't keep getting away with this! JK congrats Josh.

f's profile picture
f1 day ago

@withgraphical very cool

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical 🙇

Jonny Miller's profile picture
Jonny Miller1 day ago

@withgraphical Good lord you are relentless. This looks incredible

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical all gas no brakes!

JaimeOrtega's profile picture
JaimeOrtega1 day ago

@withgraphical It's hard to realize that you can click on chatgpt thing at the hero and it changes for something else, and it actually made me think at first that this is a chatgpt only product. Having that change a bit automatically would prevent that I think.

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical it does actually, but great feedback that the cycling might be a little slow 🙏

JaimeOrtega's profile picture
JaimeOrtega1 day ago

@withgraphical Great. Yes I think that it just needs to trigger faster the first time, instead of waiting for a whole cycle, and that would make me say "ohh they to change ok". But yeah.

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical (pushed a fix for this btw, thank you again for feedback!)

Sean Cope's profile picture
Sean Cope1 day ago

@withgraphical Excited to try it! 😍

Cole's profile picture
Cole1 day ago

@withgraphical so good, josh!

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical thanks Cole!

Barış Girişmen's profile picture
Barış Girişmen1 day ago

@withgraphical Love the weather + city detail!

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical you found another of the several easter eggs :)

Mo's profile picture
Mo1 day ago

@notdetails @withgraphical Let him cook

Victa Wille's profile picture
Victa Wille1 day ago

@withgraphical This could significantly speed up the workflow for building a system's visual language. Great work!

Salman's profile picture
Salman1 day ago

@withgraphical Yoo, I actually needed this, thanks Josh!

joshpuckett's profile picture
joshpuckett1 day ago

@withgraphical 🙇 anyone building with LLMs who doesn't already have a solid foundation/system needs this!

Backseats's profile picture
Backseats1 day ago

@withgraphical This is insanely helpful

Andrea Cau's profile picture
Andrea Cau1 day ago

@withgraphical I've lost count of all the contributions you've given us. Thanks Josh!

Related Videos

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

joshpuckett

82,659 views • 9 months ago