Brand Guidelines
Focus: brand guidelines, style guides and branding. Shares design systems and reference with The Component Gallery. Rated 4.3 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.3Visit
Website
The Component Gallery
A reference library of interface components drawn from real design systems.
Rating
4.6 / 5
Pricing
Free
Difficulty
Intermediate
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is The Component Gallery?
The Component Gallery is a free, up-to-date reference of interface components, from accordions and tabs to date pickers, with examples collected from many public design systems. Each component page explains what it does, the other names it goes by and how different teams build it.
Pros: what The Component Gallery does well
- Real examples from many design systems
- Helps settle naming debates
- Free and kept up to date
Cons: where it falls short
- A reference, not a code library
- Most useful to people building interfaces
Who The Component Gallery is for
Designers and developers building or documenting a design system.
Who can skip it
People who never design or build user interfaces.
The Component Gallery alternatives
Not sold on The Component Gallery? These do a similar job, and each card says what it has in common.
Wikipedia
Focus: encyclopedia, research and open knowledge. Shares reference with The Component Gallery. Adds iOS and Android. Rated 4.8 (The Component Gallery: 4.6).
WebsiteFreeWeb, iOS
4.8Visit
Bencho
Focus: React, micro-interactions and interactive blocks. Shares UI components with The Component Gallery. Freemium (The Component Gallery: Free). Same 4.6 rating.
WebsiteFree planWeb
4.6Visit
Unikist
Focus: directory, ui kits and icons. Shares design resources with The Component Gallery. Rated 4.5 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.5Visit
Sona UI
Focus: design system, ui kit and interface. Shares ui components with The Component Gallery. Rated 4.4 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.4Visit
SparkBites
Focus: design inspiration, design.md and mcp. Shares design systems with The Component Gallery. Rated 4.4 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.4Visit
Free alternatives to The Component Gallery
Want to spend nothing? These free picks cover similar ground.
Ptable
Focus: chemistry, periodic table and science. Shares reference with The Component Gallery. A web app, not a website. Rated 4.7 (The Component Gallery: 4.6).
Web AppFreeWeb
4.7Visit
Kiwix
Focus: offline wikipedia, offline reading and open source. Shares reference with The Component Gallery. A desktop app, not a website. Adds Windows, Linux and Offline. Same 4.6 rating.
Desktop AppFreeWindows, Linux
4.6Visit
Stanford CS 229 Cheatsheets
Focus: cheatsheet, machine learning and stanford. Shares reference with The Component Gallery. A course, not a website. Same 4.6 rating.
CourseFreeWeb
4.6Visit
Shoogle
Focus: shadcn and search. Shares ui components with The Component Gallery. A web app, not a website. Rated 4.4 (The Component Gallery: 4.6).
Web AppFreeWeb
4.4Visit
MDN Web Docs
Focus: web development, documentation and javascript. Also in Learning and Research, like The Component Gallery. Rated 4.8 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.8Visit
MIT OpenCourseWare
Focus: online courses, university and lectures. Also in Learning and Research, like The Component Gallery. Rated 4.8 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.8Visit
Are you the maker of The Component Gallery?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.