Back

For consumer products

Consumer products feel right when the details are right.

Onboarding, empty states, modals, motion, and the consumer landing pages worth copying — with prompts that produce real components, not demos.

Open the directory

Consumer products live or die on the first ninety seconds: the hero, the onboarding, the first empty state, and the first piece of feedback the app gives the user. onedb collects the patterns the best consumer teams ship — Apple, Arc, Linear, Notion — and pairs each one with the references and the prompts so your version doesn't look like a tutorial. If you build for consumers, this is the reference desk to keep open.

Start here

Onboarding that doesn't feel like an interview

Three steps, no progress bar gymnastics, and a sensible default at every fork. The onboarding variants in the Webapp Parts collection cover the patterns Arc, Notion, and Linear actually use.

Empty states that earn the next action

An empty state is the most-viewed screen in your app. We cover the variants that convert, the ones that delight, and the ones that just take up space.

Motion that punches its weight

Framer Motion, GSAP, Rive, Lottie. The Motion & Illustration collection ranks them by where they earn their bytes — and where they don't.

Questions about consumer products

  • Is onedb only for B2B / SaaS, or also for consumer products?

    Both. The patterns under app-structure are framework- and audience-agnostic — pricing and dashboards lean B2B, while onboarding, empty states, modals, notifications, and motion lean consumer.

  • Do you cover mobile too?

    Yes. Many parts are tagged for web + mobile + desktop. The platform tag on each category tells you where the pattern is grounded.

Also worth a look