Skip to content
Day 69: new resources are added every day. See what's new

Website

Collect UI

A curated daily inspiration gallery for user interface design patterns and components.

Visit Collect UI4.4
  • Rating

    4.4 / 5

  • Pricing

    Free

  • Difficulty

    Beginner

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

What is Collect UI?

Collect UI surfaces a hand-picked collection of interface screenshots, patterns and component ideas from real products. It is a fast way for designers and developers to browse UI references, compare treatments and spark ideas for forms, dashboards, navigation and more.

Pros: what Collect UI does well

  • Daily curated UI examples
  • Wide range of component patterns
  • Quick to scan

Cons: where it falls short

  • Not a template or code library
  • Quality varies by submission

Who Collect UI is for

Designers and frontend developers looking for fresh UI pattern inspiration.

Who can skip it

Teams that need production-ready components or a design system.

Compare Collect UI

See how Collect UI stacks up, side by side, plus the lists it made.

Collect UI alternatives

Not sold on Collect UI? These do a similar job, and each card says what it has in common.

Sona UI

Focus: ui components, design system and ui kit. Shares interface and components with Collect UI. Same 4.4 rating.

WebsiteFreeWeb

Nuxt Charts

Focus: vue, nuxt and charts. Shares components with Collect UI. Rated 4.5 (Collect UI: 4.4).

WebsiteFreeWeb

Clone Wars

Focus: open source, clones and learning. Also in Learning and Research, like Collect UI. Rated 4.5 (Collect UI: 4.4).

WebsiteFreeWeb

Dropfolio

Focus: portfolio, showcase and creative work. Also in Learning and Research, like Collect UI. Same 4.4 rating.

WebsiteFreeWeb

Recent Design

Focus: design inspiration, ui trends and showcase. Also in Learning and Research, like Collect UI. Same 4.4 rating.

WebsiteFreeWeb

Free alternatives to Collect UI

Want to spend nothing? These free picks cover similar ground.

DevDocs

Focus: documentation, api reference and developer tools. Also in Learning and Research, like Collect UI. A web app, not a website. Adds Offline. Rated 4.7 (Collect UI: 4.4).

Web AppFreeWeb, Offline

JupyterLab

Focus: notebooks, python and data science. Also in Research and Learning, like Collect UI. A web app, not a website. Adds macOS, Windows and Linux. Rated 4.7 (Collect UI: 4.4).

Web AppFreeWeb, macOS

marimo

Focus: python, notebook and data. Also in Research and Learning, like Collect UI. A web app, not a website. Adds macOS, Windows and Linux. Rated 4.6 (Collect UI: 4.4).

Web AppFreeWeb, macOS

Rare UI

Focus: react, tailwind and open source. Shares components with Collect UI. Rated 4.6 (Collect UI: 4.4).

WebsiteFreeWeb

Wakamai Fondue

Focus: fonts, opentype and typography. Also in Learning and Research, like Collect UI. A web app, not a website. Rated 4.6 (Collect UI: 4.4).

Web AppFreeWeb
Are you the maker of Collect UI?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 database

Free 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 list

For 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 newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.