Curated archive of 12 design references, UI interactions, and animations published by joshpuckett on X.
The life of a cursor... Inspired by Cole, and recent work for https... - joshpuckett
The life of a cursor... Inspired by Cole, and recent work for https://historyofsoftware.org
@joshpuckettDialKit has a new home: https://dialkit.dev Give the wheel a spin t... - joshpuckett
DialKit has a new home: https://dialkit.dev Give the wheel a spin to see some of the amazing and creative ways folks are using it
@joshpuckettA playful AI chat interface concept where users pick music by selec... - joshpuckett
A playful AI chat interface concept where users pick music by selecting colorful holographic CDs that spin up into a player, each featuring hand-drawn artist label art.
@joshpuckettA motion design study presenting multiple colorful interface experi... - joshpuckett
A motion design study presenting multiple colorful interface experiments around masking, gradients, alignment, and wave-driven behavior.
@joshpuckettA clean typographic explainer pairs body text with an interactive s... - joshpuckett
A clean typographic explainer pairs body text with an interactive spacing chart to show how line length affects leading.
@joshpuckettA playful onboarding interface mixes bold type, stacked content car... - joshpuckett
A playful onboarding interface mixes bold type, stacked content cards, and a dark settings panel with live color controls.
@joshpuckettMeet InterfaceKit, a design tool for working with agents. Refine co... - joshpuckett
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...
@joshpuckettHere's a tip I don't see enough: make your animations interruptible... - joshpuckett
Here's a tip I don't see enough: make your animations interruptible. You should be able to immediately trigger close events without waiting for the animation to complete. @motiond...
@joshpuckettThis is Bloom, an iOS inspired pull down menu for the web. Fully co... - joshpuckett
This is Bloom, an iOS inspired pull down menu for the web. Fully configurable, interruptible, and themeable. Watch the demo and grab it below.
@joshpuckettThree levels of popover interaction design: - joshpuckett
Three levels of popover interaction design:
@joshpuckettEven the most utilitarian of interfaces can be made delightful. - joshpuckett
Even the most utilitarian of interfaces can be made delightful.
@joshpuckettThree levels of numpad interaction design: - joshpuckett
Three levels of numpad interaction design:
@joshpuckett