Iain Bean's Avatar

Iain Bean

@inbn.dev

curator, component.gallery

105
Followers
131
Following
42
Posts
05.12.2023
Joined
Posts Following

Latest posts by Iain Bean @inbn.dev

Preview
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 is now off netlify and on cloudflare pages/workers (idk the difference, not sue if cloudflare do tbh). let me know if you notice any weirdness.

05.03.2026 18:55 πŸ‘ 6 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

TIL you can grab the subtitles on a youtube video and drag them to a different part of the screen. Don't you just love it when there's an incredibly useful feature that's existed for years and you only discover it by accident?

03.03.2026 20:49 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Thanks, it's going to be either GitHub Pages or Cloudflare Pages – both should do the job for free πŸŽ‰

03.03.2026 08:58 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I don't expect unlimited bandwidth for free but this new pricing model is a joke. Anyone know a good + cheap host for a pretty much 100% static site?

02.03.2026 23:47 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I'm not paying $55 for a "bandwidth pack" just to service requests from the kind of rubes who pay for Twitter. Even if I do pay the $55 to keep the website up this month, the $20 "Pro" 3,000 credit/month plan still wouldn't be enough to guarantee keeping the site up in future.

02.03.2026 23:47 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I log in and see that I've somehow used 2,583 "credits" out of my allowance of 300. The site is still up so I assume I'm on a legacy plan and this is just terrible UX but it's still likely I'll hit the bandwidth limit.

02.03.2026 23:47 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I got an email from Netlify this morning saying I've used 50% of my current bandwidth allowance. It seems like the "vibe coders" have discovered component.gallery.

02.03.2026 23:47 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Anyway, test your site with people who experience motion sickness, and stop getting your inspiration from awwwards dot com.

20.01.2026 19:05 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

The more I think about it, the more I think that if your site has _any_ animations beyond subtle opacity and colour changes, having a visible 'Reduce animations' toggle is better UX than relying on people switching on the 'reduce motion' settings in their OS/browser.

20.01.2026 19:05 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I will be fine with 99% of sites then I'll come across some hover state or transition that triggers that visual-vestibular mismatch and I have to close the tab immediately.

20.01.2026 19:05 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Do people take motion sickness into account when building websites, beyond prefers-reduced-motion? I like when animations are done well and don't want to switch _all_ of them off, because then I feel like I'm missing out on a whole facet of web design but I feel like things are getting out of hand.

20.01.2026 19:05 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
🎠 Carousel A means of displaying multiple slides of content, one or more at a time. Navigation between slides can be controlled via swiping, scrolling, or buttons.

I've spent six years trying to cultivate the impression that component.gallery is some unbiased reference site, all so I can drop the 1600 word β€œcarousels are awful and if you use them you should feel bad” rant.

component.gallery/components/c...

11.12.2025 21:56 πŸ‘ 14 πŸ” 4 πŸ’¬ 0 πŸ“Œ 0
Preview
a green truck is driving down a road Alt: A green truck is shown from multiple angles driving towards a bollard at speed, but the gif ends before it hits it.

A House of Dynamite (2025)

08.12.2025 21:43 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

thank god oldmanyellsat.netlify.app doesn't use cloudflare

18.11.2025 13:32 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Grampa Simpson shakes his fist at the Cloudflare logo

Grampa Simpson shakes his fist at the Cloudflare logo

The :old-man-yells-at-cloudflare: emoji is seeing a lot of use on slack today

18.11.2025 13:31 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Tidal because I wanted a simple last.fm integration, otherwise it would be apple music. Tidal is definitely lacking on the software side.

11.11.2025 19:54 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

You’re not missing much. Spotify recommendations are almost worthless at this point: anything that's not just a feed of artists you already know is crammed full of made-for-Spotify fake artists and AI slop.

10.11.2025 13:19 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
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…

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...

04.11.2025 23:56 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

well this was unexpected

28.10.2025 19:07 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Economics & labor rights in AI skepticism | Henry From Online The personal site & portfolio of creative web developer Henry from Online

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...

03.06.2025 19:45 πŸ‘ 48 πŸ” 12 πŸ’¬ 5 πŸ“Œ 1

I have no idea why people continue to share their writing on a site which is so actively hostile to readers.

14.05.2025 17:17 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I have thought about adding a button which opens every single component example in a new tab but browsers don't really like it when you try to open 100 tabs with JS!

I like your idea and it should be pretty easy to implement.

06.05.2025 19:30 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I haven't seen any examples of this, no. I experimented a bit with using LLMs to audit the component examples a while back but I wasn't satisfied with the accuracy of the results. This looks like a good use case though – it would definitely be nice to show common props on component pages. Thanks!

06.05.2025 16:39 πŸ‘ 2 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0
Preview
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 2.0 is now live πŸŽ‰

πŸš€ Built with Astro
πŸ–ΌοΈ 2,400+ component images
πŸ“Š Charts!
πŸ”Ž Improved search
πŸŒ’ Better dark mode

…and much more

05.05.2025 11:41 πŸ‘ 64 πŸ” 13 πŸ’¬ 9 πŸ“Œ 1

promised myself I won't download oblivion remastered until I've finished the new component.gallery

coincidentally, this morning has been very productive

03.05.2025 09:54 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

ok, so it turns out this is really hard to automate. I've found a pretty good workflow but it's still quite labour-intensive. I'm going alphabetically by component: just finishing the checkboxes now.

31.03.2025 18:42 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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.

🦊

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

17.03.2025 15:07 πŸ‘ 213 πŸ” 69 πŸ’¬ 18 πŸ“Œ 7

in totally unrelated news I've just added Palantir's open source Blueprint UI toolkit

11.03.2025 19:26 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

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.

11.03.2025 18:51 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

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

13.02.2025 07:39 πŸ‘ 684 πŸ” 136 πŸ’¬ 11 πŸ“Œ 7