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.
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
- Real examples from many design systems
- Helps settle naming debates
- Free and kept up to date
Cons
- A reference, not a code library
- Most useful to people building interfaces
Who should use The Component Gallery
Designers and developers building or documenting a design system.
Who may not need it
People who never design or build user interfaces.
The Component Gallery alternatives
Similar resources to The Component Gallery, picked from the directory.
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
Bencho
Focus: interactive blocks, frontend and design inspiration. Shares UI components with The Component Gallery. Rated 4.4 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.4Visit
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
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
Free alternatives to The Component Gallery
Free resources that cover similar ground.
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
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
Awesome LLM
Focus: llm, awesome list and papers. Also in Learning and Research, like The Component Gallery. Rated 4.7 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.7Visit
Awesome Machine Learning
Focus: machine learning, awesome list and frameworks. Also in Learning and Research, like The Component Gallery. Rated 4.7 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.7Visit
Internet Archive
Focus: digital library, wayback machine and archives. Also in Research and Learning, like The Component Gallery. Rated 4.7 (The Component Gallery: 4.6).
WebsiteFreeWeb
4.7Visit
Deck.gallery
Focus: presentations, decks and slides. Also in Learning and Research, like The Component Gallery. Same 4.6 rating.
WebsiteFreeWeb
4.6Visit
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
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. 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.