joshpuckett

@joshpuckett • 44,339 subscribers

designer, investor, advisor · co-founder @withgraphical @iterationdesign @upperstudy · https://t.co/Jn9brli34Y · https://t.co/2sxrSlAsyY

Shorts

Means & Methods is now live on A collection of practical techniques to achieve excellence in interface design, covering 100+ topics across 11 chapters, with plenty of interactive examples and code. New members welcome; enjoy!

708,136 просмотров

are we still allowed to have fun on the internet in 2026? 🎶

382,872 просмотров

As software gets easier to make, the products that stand out will be the ones crafted with uncommon care. If that's the kind of work you want to do, I'm sharing everything I know:

1,084,714 просмотров

Shipped over 40 fixes and improvements to Graphical in Week 1, with so much more to come. This is also your one and only reminder it's 50% off for another ~48 hours.

30,561 просмотров

Pica is a fully native app for managing your fonts on MacOS. Organize into collections, test color themes and logos, watch folders, manage what's installed, and much more. Available for free at

530,813 просмотров

40k. I am grateful for each and every one of you. As a thank you, I've made 40% off for the next 40 hours. If you've heard about it or been waiting to join, now is the time!

144,446 просмотров

Practical example of Brian's wisdom: I needed a new OG image for Graphical's Changelog I pushed this morning. Instead of drawing it in figma, I made a little tool in our app that I (and my agents, automatically) can now use to make branded images for any URL.

26,194 просмотров

Hosted a small dinner with Marvin Schwaibold and Jaytel last night for a few friends and folks who inspire us. We wanted something more personalized than partiful, so went a bit overboard on this invite page (almost all Jaytel!). Amazing how many thoughtful details and decisions can be made on something so simple.

47,387 просмотров

Ways I like to work and experiment: watching Marvin Schwaibold make some magic over a beautiful bottle of Burgundy.

25,231 просмотров

Weekly reminder you are probably not iterating as much as you should be. Control iterations for Graphical (probably did 2x more than this, ultimately, and it's just v1).

24,569 просмотров

When you're designing anything of even moderate interface interactivity or complexity, state machines are a great way to help you manage that. I make these all the time, and they're remarkably useful little tools.

124,241 просмотров

I'm hosting a private, before-opening tour at the MOMA in NYC on Thursday, October 1st. Come spend the morning being inspired alongside an intimate group of fellow creatives. Spots are limited; apply here:

82,586 просмотров

I think so many concepts in design need to really be felt and played with, not just shown. That's why Interface Craft is full of interactive figures that demonstrate topics. I always look forward to making them; this is one of my favorites!

139,873 просмотров

I really like that Emanuel Sá and Pieter Omvlee are trying something new and opinionated. Elyx already has the most polished agent install experience I’ve seen, excited to dig in more.

36,866 просмотров

This is Bloom, an iOS inspired pull down menu for the web. Fully configurable, interruptible, and themeable. Watch the demo and grab it below.

254,301 просмотров

I was digging around the HyperCard 1.0.1 floppy image tonight, as one does, and found a curious private file: FONT 31756. It's a font file containing all of the glyphs for HyperCard's tool palette, likely created by Kristee Kreitman and Marge Boots (credited in the app for Graphic Art). I can't believe they were using this technique back in 1987, although it seems Bruce Tognazzini invented it with MouseText two years prior (!). I was moved, as I often am by the work of our field's forebears, so created this little tool for everyone to explore it here:

52,024 просмотров

Happy Friday, friends! Several of you have requested a certificate of completion for and I'm delighted to share that you can now grab one in your membership settings in the Library. Enjoy!

29,610 просмотров

Here's an actual design engineering tip: Safari sucks at updating multiple WebGL video textures in the same frame, especially during interactions or animations on initial page load. To keep things buttery you'll wanna pause texture uploads during motion e.g: isMoving ? holdLastFrame() : gl.texImage2D(video)

37,265 просмотров

$One of my favorite details for Interface Craft is one of the least used: the invoice tool. Customers can enter the unique tax or business info they need, see what they paid in localized currency along with any discounts, and download a PDF. Thankfully Stripe makes this all fairly easy. It's something only a fraction of users see, but I think great design is sometimes about facilitating all of the edge cases to keep accounting and tax departments happy worldwide!$

One of my favorite details for Interface Craft is one of the least used: the invoice tool. Customers can enter the unique tax or business info they need, see what they paid in localized currency along with any discounts, and download a PDF. Thankfully Stripe makes this all fairly easy. It's something only a fraction of users see, but I think great design is sometimes about facilitating all of the edge cases to keep accounting and tax departments happy worldwide!

67,651 просмотров

Three levels of popover interaction design:

131,280 просмотров

Videos

LIVE

1.2k

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Streaming Now

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

HD live stream

Exclusive private shows

1.2k viewers online

Current Status

Live

Private Show

Join now for exclusive access

Free preview available • Premium content

Live Cam

joshpuckett

Shorts

Means &amp; Methods is now live on A collection of practical techniques to achieve excellence in interface design, covering 100+ topics across 11 chapters, with plenty of interactive examples and code. New members welcome; enjoy!

are we still allowed to have fun on the internet in 2026? 🎶

As software gets easier to make, the products that stand out will be the ones crafted with uncommon care. If that's the kind of work you want to do, I'm sharing everything I know:

Shipped over 40 fixes and improvements to Graphical in Week 1, with so much more to come. This is also your one and only reminder it's 50% off for another ~48 hours.

Pica is a fully native app for managing your fonts on MacOS. Organize into collections, test color themes and logos, watch folders, manage what's installed, and much more. Available for free at

40k. I am grateful for each and every one of you. As a thank you, I've made 40% off for the next 40 hours. If you've heard about it or been waiting to join, now is the time!

Practical example of Brian's wisdom: I needed a new OG image for Graphical's Changelog I pushed this morning. Instead of drawing it in figma, I made a little tool in our app that I (and my agents, automatically) can now use to make branded images for any URL.

Ways I like to work and experiment: watching Marvin Schwaibold make some magic over a beautiful bottle of Burgundy.

Weekly reminder you are probably not iterating as much as you should be. Control iterations for Graphical (probably did 2x more than this, ultimately, and it's just v1).

When you're designing anything of even moderate interface interactivity or complexity, state machines are a great way to help you manage that. I make these all the time, and they're remarkably useful little tools.

I'm hosting a private, before-opening tour at the MOMA in NYC on Thursday, October 1st. Come spend the morning being inspired alongside an intimate group of fellow creatives. Spots are limited; apply here:

I think so many concepts in design need to really be felt and played with, not just shown. That's why Interface Craft is full of interactive figures that demonstrate topics. I always look forward to making them; this is one of my favorites!

I really like that Emanuel Sá and Pieter Omvlee are trying something new and opinionated. Elyx already has the most polished agent install experience I’ve seen, excited to dig in more.

This is Bloom, an iOS inspired pull down menu for the web. Fully configurable, interruptible, and themeable. Watch the demo and grab it below.

Happy Friday, friends! Several of you have requested a certificate of completion for and I'm delighted to share that you can now grab one in your membership settings in the Library. Enjoy!

Three levels of popover interaction design:

Videos

Watch Anya Live

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

DialKit has a new home: Give the wheel a spin to see some of the amazing and creative ways folks are using it 🎛️

I love how Jony and Flavio predicted the precise, immediate response we're seeing to the Luce. It's almost like they're good designers who know a thing or two about design! Clip from Cleo Abram's interview, a must watch.

Interface Craft is now open. It’s a growing library of resources for those who are committed to crafting experiences and interfaces with uncommon care. I hope you’ll consider joining:

You probably need a bit more rhythm in your life. My quick pro tip for improving your web designs is to choose one major and minor spacing unit for vertical rhythm, and align everything to it by default.* *this is also how you teach agents to design productively

I'm excited to share DialKit 2.0 with you. This release brings several new control types, support for vanilla JS/HTML with no dependencies, and many bug fixes and performance improvements. `npm i dialkit` or learn more at

Somewhere along the way, we lost the art of writing a love letter. I think we should bring it back. Letters of Love is my quick weekend project towards that end. A collection of notes across time that I hope inspires you to write to your beloved today.

DialKit now has visual timeline editing for all your fancy animations. Supports loops, groups, staggers, compound animations, and scrubbing (even with springs). I can't wait to see what ya'll create with it! npm i dialkit

I truly cannot wait to share this with you all.

To achieve excellence, you must build a culture of critique.

Vibe coded this little app for my dad on the flight home yesterday. Let's him easily generate personalized stories for the kids he tutors in reading every week. Fun little ship to sneak in before the new year!

I got some questions on this, so I decided to fully embrace my content creator era with a video reaction.

Polished up Locale some more tonight: - change font size, weight, and italic - view on dark/light/image background - save fonts to a short list (per session) - inspect all styles per family - jump to alphabetical section (hit any letter key)

I can't believe over 30k of you willingly follow me on here. I am both honored and horrified. To celebrate, is 30% off for the next 30 hours. Join members from over 114 countries who are committed to growing and designing with uncommon care.

You need to be going rogue more as a designer.

Pro tip double dip: let’s talk carousels!

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.

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.

Tonight's refinements: - visualize custom brand colors - upload a logo to preview it next to a wordmark - focus on a single font style full screen - keyboard jumping snaps vs animated scroll Enjoy!

To really dial in animations and transitions, pay close attention to the origin objects animate from. Here's an example I just noticed: Vercel has a lovely little toolbar on a project's analytics page, but bc the icons animate from their center, it feels ever so slightly off.

Means & Methods is now live on A collection of practical techniques to achieve excellence in interface design, covering 100+ topics across 11 chapters, with plenty of interactive examples and code. New members welcome; enjoy!