A collection of 17 places I turn to for product screens, websites, layouts, and motion.
When I need a reference, I want to get to the right kind of example quickly. Start with real product flows, explore broader website galleries, or jump to a specific pattern. Each link below opens the original resource.
This collection is being updated. I will keep adding new sources as I find them. The collection currently includes 17 resources.
Product screens & flows
Real interfaces to study when you are designing a product, a feature, or a journey.
- SaaSFrame — A searchable gallery of SaaS screens and interface patterns from real products.
- Mobbin — Browse recently added iOS apps and explore how their screens are put together.
- Page Flows — Explore iOS products and the user flows behind common app tasks.
Websites & landing pages
Broad galleries for finding a visual direction, layout, or fresh approach to a page.
- Land-book — A curated gallery of websites and landing pages across styles and industries.
- Godly — A gallery of distinctive web design with a focus on creative execution.
- Lapa Ninja — A large collection of landing page examples to compare structure, copy, and visual hierarchy.
- Seesaw — A handpicked collection of websites with expressive visual design.
- Minimal Gallery — Handpicked minimal websites for studying restraint, typography, and composition.
- Inspora — A visual inspiration gallery for exploring bold digital and editorial design.
- Recent — A design inspiration gallery for discovering current website ideas.
Specific patterns & formats
Go straight to the part of a design you are working on instead of browsing entire sites.
- Bento Grids — A gallery of bento layouts and cards for feature sections, portfolios, and product storytelling.
- Posts.design — Social post design examples for composition, type, and content presentation.
- Supahero — A collection of website hero sections to explore first-screen ideas.
- CTA.gallery — Call-to-action examples to study messaging, layout, and conversion moments.
- Navbar Gallery — Navigation bar examples for comparing structure and interaction ideas.
Mobile & motion
References for smaller screens and for the movement between interface states.
- loadmo.re — An archive of mobile web design examples, useful for seeing how ideas adapt to small screens.
- 60fps.design — UI and UX animation examples from mobile and web products.