---
name: Collect UI
slug: collect-ui
url: "https://dontmakeitugly.com/resources/collect-ui"
website: "https://collectui.com"
type: gallery
categories:
  - inspiration
tags:
  - gallery
  - ui
  - screens
  - patterns
  - daily-ui
  - onboarding
  - pricing
  - "404"
pricing: free
agentFriendly: limited
agentAccessMethods:
  - public_web
difficulty: any
dateAdded: "2026-09-03"
---

# Collect UI

Daily UI inspiration sorted by the exact screen you're designing.

- Type: Gallery
- Categories: Inspiration
- Pricing: Free

## What it is

Collect UI is a long-running, free gallery of hand-picked interface designs organised by screen type: sign-up, pricing, 404, dashboard, settings, calendar and dozens more. Browse a category and you see hundreds of takes on the same problem, with credit to each designer.

## Why it's here

The category structure is the reason to use it. When you need an empty state or an onboarding step, seeing fifty of them next to each other is faster than any prompt. The work is design-explorations rather than shipped products, so treat it as direction, not spec.

## Best for

- a specific screen type
- UI pattern references
- onboarding and empty states

## Links

- Website: https://collectui.com

## Can my agent use this?

As a reference only. Pick two or three examples from one category, paste the screenshots to your agent and name what to keep: structure and hierarchy, not the colours.

Agent friendliness: Limited. Mainly a visual reference. Great for humans and for describing a direction, but there's little an agent can read or install.
Access methods: Public website.

## Prompt to hand your agent

```text
Use Collect UI as a visual and design reference for this project.

What it is: Daily UI inspiration sorted by the exact screen you're designing.

Website: https://collectui.com

Use it specifically for:
- a specific screen type
- UI pattern references
- onboarding and empty states

How you can access it: Public website.

Study the visual direction: typography, spacing, colour, hierarchy and motion. Describe what makes the references work, then apply those principles to this project's existing visual language. Do not copy layouts or assets directly; build something consistent with our own brand and accessibility requirements.
```

## Related

- [Mobbin](https://dontmakeitugly.com/resources/mobbin.md): The biggest library of real app screens and user flows.
- [Best Designs on X](https://dontmakeitugly.com/resources/best-designs-on-x.md): The design work worth seeing on X, collected hourly so you don't have to scroll for it.
- [CTA Gallery](https://dontmakeitugly.com/resources/cta-gallery.md): Real calls to action, sorted into buttons, forms, modals, pricing and newsletters.
- [Navbar Gallery](https://dontmakeitugly.com/resources/navbar-gallery.md): 550+ real website navbars, sorted by type: mega menus, sidebars, tabs and the rest.

Collect UI is an independent resource listed by Don't Make It Ugly. We link to it; we aren't affiliated with it. Pricing and licence details are as understood at the time of listing; check the official site.