Pinned
The Component Gallery
An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.
component.gallery
component.gallery 2.0 is now live 🎉
🚀 Built with Astro
🖼️ 2,400+ component images
📊 Charts!
🔎 Improved search
🌒 Better dark mode
…and much more
🚀 Built with Astro
🖼️ 2,400+ component images
📊 Charts!
🔎 Improved search
🌒 Better dark mode
…and much more
Reposted by Iain Bean
10 years ago I wrote (and presented on) Design Machines. This year felt like the right time to revisit those themes and present them at Dot All 2025. It's about labour, AI, Luddites, big tech, and collective power. We got this.
craftcms.com/events/dot-o...
craftcms.com/events/dot-o...
AI or Bust(ed): Why ‘Adapt or Be Replaced’ Is a False… | Craft CMS
AI is already reshaping our industry, but the “learn AI or get left behind” narrative being shoved down our throats misses the real story. This isn’t…
craftcms.com
November 4, 2025 at 11:56 PM
10 years ago I wrote (and presented on) Design Machines. This year felt like the right time to revisit those themes and present them at Dot All 2025. It's about labour, AI, Luddites, big tech, and collective power. We got this.
craftcms.com/events/dot-o...
craftcms.com/events/dot-o...
well this was unexpected
Drumroll, please, for our Person of the Week: Iain Bean! Iain is a Senior Developer interested in design systems, accessibility and typography. He’s also the creator of The Component Gallery.
Thank you for everything you do for the community, dear
Iain Bean! 💖
#smashingcommunity
Thank you for everything you do for the community, dear
Iain Bean! 💖
#smashingcommunity
October 28, 2025 at 7:07 PM
well this was unexpected
Reposted by Iain Bean
put some thoughts together on the LLM trend and its implications for labor rights. there's a lot to be said about the lofty claims of pro-LLM technologists, but this presumes their promises of efficiency, etc. are true.
henry.codes/writing/econ...
henry.codes/writing/econ...
Economics & labor rights in AI skepticism | Henry From Online
The personal site & portfolio of creative web developer Henry from Online
henry.codes
June 3, 2025 at 7:45 PM
put some thoughts together on the LLM trend and its implications for labor rights. there's a lot to be said about the lofty claims of pro-LLM technologists, but this presumes their promises of efficiency, etc. are true.
henry.codes/writing/econ...
henry.codes/writing/econ...
I have no idea why people continue to share their writing on a site which is so actively hostile to readers.
May 14, 2025 at 5:17 PM
I have no idea why people continue to share their writing on a site which is so actively hostile to readers.
component.gallery 2.0 is now live 🎉
🚀 Built with Astro
🖼️ 2,400+ component images
📊 Charts!
🔎 Improved search
🌒 Better dark mode
…and much more
🚀 Built with Astro
🖼️ 2,400+ component images
📊 Charts!
🔎 Improved search
🌒 Better dark mode
…and much more
The Component Gallery
An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.
component.gallery
May 5, 2025 at 11:41 AM
component.gallery 2.0 is now live 🎉
🚀 Built with Astro
🖼️ 2,400+ component images
📊 Charts!
🔎 Improved search
🌒 Better dark mode
…and much more
🚀 Built with Astro
🖼️ 2,400+ component images
📊 Charts!
🔎 Improved search
🌒 Better dark mode
…and much more
promised myself I won't download oblivion remastered until I've finished the new component.gallery
coincidentally, this morning has been very productive
coincidentally, this morning has been very productive
May 3, 2025 at 9:54 AM
promised myself I won't download oblivion remastered until I've finished the new component.gallery
coincidentally, this morning has been very productive
coincidentally, this morning has been very productive
Reposted by Iain Bean
🦊
I am downright delighted to announce that my latest book, YOU DESERVE A TECH UNION, has a brand new look. I really love it, and I hope you do too.
Here’s a look at what’s changed and—maybe more importantly—what’s stayed the same:
ethanmarcotte.com/wrote/refres...
#YDATUbook #books #unions #1u
I am downright delighted to announce that my latest book, YOU DESERVE A TECH UNION, has a brand new look. I really love it, and I hope you do too.
Here’s a look at what’s changed and—maybe more importantly—what’s stayed the same:
ethanmarcotte.com/wrote/refres...
#YDATUbook #books #unions #1u
Refresh. — ethanmarcotte.com
In 2023, I wrote a book. Several months later, my publisher closed its doors. And now? We’re back, and better than ever.
ethanmarcotte.com
March 17, 2025 at 3:07 PM
🦊
I am downright delighted to announce that my latest book, YOU DESERVE A TECH UNION, has a brand new look. I really love it, and I hope you do too.
Here’s a look at what’s changed and—maybe more importantly—what’s stayed the same:
ethanmarcotte.com/wrote/refres...
#YDATUbook #books #unions #1u
I am downright delighted to announce that my latest book, YOU DESERVE A TECH UNION, has a brand new look. I really love it, and I hope you do too.
Here’s a look at what’s changed and—maybe more importantly—what’s stayed the same:
ethanmarcotte.com/wrote/refres...
#YDATUbook #books #unions #1u
Thinking of adding an 'Evil bastards' tag to component.gallery for cases where the design system is good but the company behind it is terrible.
March 11, 2025 at 6:51 PM
Thinking of adding an 'Evil bastards' tag to component.gallery for cases where the design system is good but the company behind it is terrible.
Reposted by Iain Bean
Every time someone proudly posts "so I asked chatgpt" they're saying something *incredibly* fucking embarrassing without realizing it.
It's like walking into a party absolutely covered in dogshit and not understanding why all these people are being so mean and rude
It's like walking into a party absolutely covered in dogshit and not understanding why all these people are being so mean and rude
February 13, 2025 at 7:39 AM
Every time someone proudly posts "so I asked chatgpt" they're saying something *incredibly* fucking embarrassing without realizing it.
It's like walking into a party absolutely covered in dogshit and not understanding why all these people are being so mean and rude
It's like walking into a party absolutely covered in dogshit and not understanding why all these people are being so mean and rude
Apparently today is the 25th (!!) anniversary of the release of the first The Sims game, which has reminded me that a few years ago I built this “Design System” based on its UI.
thesimscss.inbn.dev
thesimscss.inbn.dev
TheSims.css
A “Design System” inspired by the 2000 life simulation game, The Sims.
thesimscss.inbn.dev
February 4, 2025 at 2:15 PM
Apparently today is the 25th (!!) anniversary of the release of the first The Sims game, which has reminded me that a few years ago I built this “Design System” based on its UI.
thesimscss.inbn.dev
thesimscss.inbn.dev
adding view transitions to an astro site with two lines of code feels like magic*
*until you realise it's broken all your client-side JavaScript
*until you realise it's broken all your client-side JavaScript
January 13, 2025 at 8:19 PM
adding view transitions to an astro site with two lines of code feels like magic*
*until you realise it's broken all your client-side JavaScript
*until you realise it's broken all your client-side JavaScript
An update on component.gallery v2 (aka the Astro rebuild): it's _almost_ at feature parity with the current version. I'm aiming for a beta version by end of January.
January 4, 2025 at 5:03 PM
An update on component.gallery v2 (aka the Astro rebuild): it's _almost_ at feature parity with the current version. I'm aiming for a beta version by end of January.
did an AI write this? I'm struggling to fathom how a respectable publication could post something as uncritical of AI as this in 2024.
www.smashingmagazine.com/2024/11/ai-t...
www.smashingmagazine.com/2024/11/ai-t...
AI’s Transformative Impact On Web Design: Supercharging Productivity Across The Industry — Smashing Magazine
Discover how AI is reshaping web design, boosting productivity in design, coding, UX, and copywriting while amplifying human creativity in a new article by Paul Boag.
www.smashingmagazine.com
November 21, 2024 at 11:35 AM
did an AI write this? I'm struggling to fathom how a respectable publication could post something as uncritical of AI as this in 2024.
www.smashingmagazine.com/2024/11/ai-t...
www.smashingmagazine.com/2024/11/ai-t...
I've added (and will be adding more as they're written) all of Heydon's posts about HTML elements as resources to component pages. e.g. component.gallery/components/s...
November 12, 2024 at 10:46 PM
I've added (and will be adding more as they're written) all of Heydon's posts about HTML elements as resources to component pages. e.g. component.gallery/components/s...
Come along to this to see lots of interesting talks, including me trying, but probably failing, to explain the astro content layer in 5 minutes.
www.meetup.com/async-web-te...
www.meetup.com/async-web-te...
2024 International Show 'n' Tell, Thu, Nov 7, 2024, 7:00 PM | Meetup
The November migration of the world's top web developers to the sunny city of Brighton & Hove can only mean one thing - [ffconf 2024](https://2024.ffconf.org/) is coming. S
www.meetup.com
November 7, 2024 at 9:29 AM
Come along to this to see lots of interesting talks, including me trying, but probably failing, to explain the astro content layer in 5 minutes.
www.meetup.com/async-web-te...
www.meetup.com/async-web-te...
Reposted by Iain Bean
🦊
A few quick thoughts on the New York Times Tech Guild strike, why it matters, and what it means for the rest of us:
ethanmarcotte.com/wrote/times-...
#unions #TechUnions #1u #blogging
A few quick thoughts on the New York Times Tech Guild strike, why it matters, and what it means for the rest of us:
ethanmarcotte.com/wrote/times-...
#unions #TechUnions #1u #blogging
Times to strike. — ethanmarcotte.com
The largest union of tech workers just went on strike.
ethanmarcotte.com
November 4, 2024 at 3:15 PM
🦊
A few quick thoughts on the New York Times Tech Guild strike, why it matters, and what it means for the rest of us:
ethanmarcotte.com/wrote/times-...
#unions #TechUnions #1u #blogging
A few quick thoughts on the New York Times Tech Guild strike, why it matters, and what it means for the rest of us:
ethanmarcotte.com/wrote/times-...
#unions #TechUnions #1u #blogging
Reposted by Iain Bean
😮 Bluesky pro-tip: in the accessibility settings, you can enforce that the images you post must have alt text.
This is important for folks who use screen readers. Instead of seeing the image, the supplied text will be read to them instead.
This is important for folks who use screen readers. Instead of seeing the image, the supplied text will be read to them instead.
November 1, 2024 at 2:14 PM
😮 Bluesky pro-tip: in the accessibility settings, you can enforce that the images you post must have alt text.
This is important for folks who use screen readers. Instead of seeing the image, the supplied text will be read to them instead.
This is important for folks who use screen readers. Instead of seeing the image, the supplied text will be read to them instead.