John Maeda (@johnmaeda) header
John Maeda (@johnmaeda) profile picture

VP Eng, Microsoft CoreAI / How To Speak Machine (2025) https://nitter.cf/t.co/tlzThtcVKS or (2019) https://nitter.cf/t.co/eb6gj2wf1b

Redmond, WA
Joined July 2008
Photo by John Maeda (@johnmaeda)Photo by John Maeda (@johnmaeda)Photo by John Maeda (@johnmaeda)Photo by John Maeda (@johnmaeda)Photo by John Maeda (@johnmaeda)Photo by John Maeda (@johnmaeda)Photo by John Maeda (@johnmaeda)Photo by John Maeda (@johnmaeda)Photo by John Maeda (@johnmaeda)Photo by John Maeda (@johnmaeda)
Metaverse in NYT (2007): “John Maeda isn't real, nor is the island. He is the Resident, and the island is the Metaverse in the virtual world of the Second Life online game. Other works exhibited are a beige Apple II computer, and a dozen or so iPod Nanos.” nytimes.com/2007/05/04/style…
19
27
191
🖌️🎨🏆
I wrote a new article about a liquid effect I implemented 5 years ago. (It's been a while) Stable Fluids is used in this algorithm, and I explain how I applied it to create the liquid effect in this article. There are also small interactive demos and you can play with them! mofu-dev.com/en/blog/fluid-f…
2
30
3,698
John Maeda retweeted
Follow @this_is_moody. Projects got done in four weeks and this team will continue working to bring craft to every PR.
We shipped Projects in the GitHub Copilot app yesterday, along with design and UX improvements to Artifacts. A few details I like: artifact cards now preserve image proportions, make file types clearer, and use a checkerboard to show transparency.
1
22
2,716
John Maeda retweeted
I will be speaking at #GitHubUniverse Main Stage tomorrow with @johnmaeda on ‘Sketching with code in the age of AI’. @ProcessingOrg turns 25 this year. It feels like full circle to share the stage with John. I made this about our session on my hackable badge. See you there!
2
2
721
12 O'CLOCKS 30TH: I made 12 o’clocks back in the 1990s. Thirty years later, they’re running on a @github Universe badge that I enviously spied just a few days ago on my colleague @kdaigle's feed. Where did these come from? CMU Professor @golan Levin documented the original clocks and captured animations when the original 68K OS9 platform went away. NYU Professor Daniel @shiffman and the Coding Train community recreated them in p5.js, giving the work another life in the browser. Now I’ve adapted those recreations to MicroPython with GitHub Copilot, so all twelve clocks can run on the programmable GitHub Universe 2026 badge. Coincidentally, I’ll be at Universe presenting with USC Professor Qianqian Ye @4444ian, and I’m curious how something I made decades ago can be carried around the conference ... on my badge. In summary, I made the original "12 o'clocks," and the open-source community kept them alive so they can keep on ticking. Thank you! <3 —JM Universe 2026 Badge repo: github.com/johnmaeda/12ocloc… Sketching with code in the age of AI sesh with Ye: reg.githubuniverse.com/flow/… Goaln Levin 60212 Course: ems.andrew.cmu.edu/2016-6021… Coding Train Community Interpretation: github.com/CodingTrain/12ocl…
6
1
2
47
4,038
✋🫠🤚🏆
debuggin some stuff
2
2
34
6,148
🚂🚋🚋💭🏆
Introducing "Train of Thoughts". 🚆 TOT is my new Interactive Scene. A train that travels forever through a procedural isometric city built in real-time 3D, but with a twist. 👁️ Each carriage holds a different relationship with time: "Past", "Present", or "Future" (plus the Motorman's Cabin). Inside, every character has a small story, a thought they’re carrying on the journey. Everything is generated via code and rendered in real-time within the browser. Zero images or external assets used. At a moment when AI can solve so much of the technical work, creativity matters more than ever. The challenge for me remains the same: make something unique. 🫡 Made with gpt-astra (mostly, Sol for a few things), three.js + Anatomy. A quick demo 👇
40
5,290
🦠🖼️🏆
SDF Phase Diagram SDF球がsimplexドリフトで有機的に動き、スカラー場の融合境界を marching-squares 相当の等高線(fwidth アイソライン)として多段に抽出する材料相図。 #boucle #fridaydebugview #creativecoding
4
59
6,844
🗣️👾📹🏆
I made a skill called HTML Reel that turns a post, a video or a landing page into a reel. It writes the script, builds every scene in HTML and cuts each move on a word. Once you record your take, it retimes everything to your voice. fil.design/skills/html-reel
22
4,312
≡🏆
I know I've been prompting my agents correctly when they present interfaces at the grammar, noun, and verb level. Took a lot of skill crafting to get here but god it's refreshing to work at the correct abstraction level and not like "my brother in christ why is this a modal?"
1
4
1
87
11,384
🌳🕸️🏆
People liked this so i polished it up and made it a skill "run `npx skills add tanishqkancharla/flow-preview` and use it to show me the user journeys for _" makes you a polished viewer where you can view all the branches a user might go down.
16
3,472
🖼️🚿🏆
Ink Bloom Interactive Component. bencho.dev
37
4,060
ORIGINALITY AS THE GOAL: Follow your curiosity, make something meaningful for others, and let *their* responses shape what you make next. - Start with your own questions. - Make for others, not just yourself. - Treat feedback as fuel for discovery. - Don’t let AI’s instant answers end your curiosity. linkedin.com/pulse/originali… HT @hardmaru
🤖 Made with AI
2
5
1
38
3,786
🎯🏆
in 2024 i taught industrial design students how to build software with AI in 2026 i want to teach software designers how to build hardware with AI
2
1
23
6,019
🍳💡🏆
We used to buy things made one at a time. Mass production made products cheaper and more accessible, but largely identical. What if the future takes us back to a world where everything is one-of-one? Autumn Moon is a limited drop in collaboration with @kelin_online & @angelaloh09 built on that idea. Shape your lamp at joshpuckett.me/autumn-moon
20
5,160
🔥🏆
I made some realistic fire with Opus 5.5 this is a real 3D combustion sim with 6.1 million cells, the flame colors are from blackbody physics + sparks and embers no assets and no sound files were used
16
3,576
📖⛳️🏆
Nine more lessons from my 3D book about energy, now covering the whole GCSE energy topic: kinetic, gravitational and elastic energy, heating, power, efficiency, energy resources and conservation of energy. Built with Opus 5.5 and Three.js. The full book ↓
6
60
7,659
🏭🖼️🏆
lately i've been making code art with opus 5.5. i still can't believe that this is pure javascript
5
81
7,483
💮🏆
This book is basically a cheat code for logo design, so I turned the whole book into a site so yall designers and devs can grab every mark as svg. 1,504 marks and counting 👉 symbools.com drop a dm if there's another book you want me to add
2
97
13,467
🧮🔄🏆
hey hey hey 🔥 Introducing Mosaic Studio a little bespoke, web-based generative animation engine that helped @soleio put the cherry on top of the new @firstofkind series more in thread:
14
3,514
🧽🏹🏆
tol.is/ptyx A trinket of resonant inanity
4
29
5,345