UI / Ux Design references

UI Design references

These websites can be references for your design ideas.

- Behance

• Ideas and design references.
  https://www.behance.net/search/projects?field=web%20design (opens in a new tab)

- Deviantart

• Ideas and design references.
  https://www.deviantart.com/search?q=UI (opens in a new tab)

- Dribbble

• Discover the world’s top designers & creatives.
  https://dribbble.com/ (opens in a new tab)

- awwwards (Recommended)

• Site of the day.
  https://www.awwwards.com/ (opens in a new tab)

- landings

• Discover hundreds of landing pages created by leading companies for your design inspiration.
  https://landings.dev/ (opens in a new tab)

- lovelylanding

• Landing Page Design Inspiration.
  https://www.lovelylanding.net/ (opens in a new tab)

- screenlane

• Landing Page Design Inspiration with apps and phone view.
  https://screenlane.com/ (opens in a new tab)

- scrnshts

• Another landing Page Design Inspiration with apps and phone view.
  https://scrnshts.club/ (opens in a new tab)

- uigarage

• Daily handpicked UI inspiration & patterns.
  https://uigarage.net/ (opens in a new tab)

- refero (Recommended)

• Explore real-world designs from the best products.
  https://refero.design/ (opens in a new tab)

- Canva

• Design tools with design references.
  https://www.canva.com/ (opens in a new tab)

- Materia Deisgn 3

• Introducing Material You.
  https://m3.material.io/ (opens in a new tab)

- coco-factory

• Introducing moving web components. (Japanese languages)
  https://coco-factory.jp/ugokuweb/ (opens in a new tab)

- csslayout

• A collection of popular layouts and patterns made with CSS.
  https://csslayout.io/ (opens in a new tab)

- 1guu

• A Japanese website design collection references.
  https://1guu.jp/ (opens in a new tab)

- 81-web

• Also Japanese website design collection references.
  https://81-web.com/ (opens in a new tab)

- muuuuu

• Japanese website design collection references which selected by pro.
  https://muuuuu.org/ (opens in a new tab)

- sankoudesign

• Japanese website design collection references.
  https://sankoudesign.com/ (opens in a new tab)

- choooodoii

• Japanese website design for creators.
  https://choooodoii.com/ (opens in a new tab)

- brilliantdesign

• Japanese website design with good design only.
  https://brilliantdesign.work/ (opens in a new tab)

- partsdesign

• Japanese website design collected parts of design references.
  https://partsdesign.net/ (opens in a new tab)

- uragawa

• Japanese website design archive.
  https://uragawa.work/ (opens in a new tab)

- cmsdesign

• Japanese CMS website design collections.
  https://cmsdesign.jp/ (opens in a new tab)

- zzrock

• Lot of Web designs about Japan.
  https://www.zzrock.net/ (opens in a new tab)

- bakuup

• Great design from japan website.
  https://bakuup.com/ (opens in a new tab)

- io3000

• Contains greate japanese design references.
  https://io3000.com/ (opens in a new tab)

- responsive-jp

• Great japanese responsive design website collections.
  https://responsive-jp.com/ (opens in a new tab)

- choicely

• Company website design collections.
  https://www.choicely.jp/company/ (opens in a new tab)

- kawaiie

• Cute japanese website design collections.
  https://kawaiie.taniweb.jp/ (opens in a new tab)

- designnokoto

• Japanese website design gallery.
  https://designnokoto.com/ (opens in a new tab)

- s5-style

• Great Japanese website design collections.
  https://bm.s5-style.com/ (opens in a new tab)

- pulpxstyle

• For Web Designers. For Your Clients.
  https://stock.pulpxstyle.com/ (opens in a new tab)

- maneru-design-lab

• Decent website design lab.
  https://maneru-design-lab.net/ (opens in a new tab)

- good-web-design

• Good web design collections.
  https://good-web-design.com/ (opens in a new tab)

- curationofcurations

• The Ultimate Design Curations to Get Inspired.
  https://www.curationofcurations.com/ (opens in a new tab)

- cursorup

• The world's best portfolio website designs.
  https://www.cursorup.com/sites/portfolio (opens in a new tab)

- footer design

• Design references.
  https://www.footer.design/ (opens in a new tab)

- theappfuel

• The one-stop station for app builders.
  https://www.theappfuel.com/ (opens in a new tab)

- landingfolio

• The Best Landing Page Design Inspiration, Templates and More.
  https://www.landingfolio.com/ (opens in a new tab)

- designgallery

• Real estate website design.
  https://re-designgallery.com/ (opens in a new tab)

- fontsinuse

• An independent archive of typography. Made possible by sponsors like Typotheque.
  https://fontsinuse.com/ (opens in a new tab)

- logofav

• Get logo ideas with a collection of our favorite logo examples from real-companies.
  https://www.logofav.com/ (opens in a new tab)

- brandguidelines

• Need a guideline or assistance with a visual identity/UI/UX?
  https://www.brandguidelines.net/ (opens in a new tab)

- storefront design

• We curate the best digital storefronts on the internet.
  https://www.storefront.design/ (opens in a new tab)

- trending design

• The best design inspiration on the web.
  https://trending.design/ (opens in a new tab)

- bestfolios

• Featuring the best portfolio websites and resumes from UI/UX designers, graphic designers and motion designers.
  https://www.bestfolios.com/featured (opens in a new tab)

- altbase

• General japanese website design.
  https://altbase.co.jp/stock/ (opens in a new tab)

- partsdesign (Recommended)

• Japanese website components design.
  https://partsdesign.net/ (opens in a new tab)

- design-library (Recommended)

• General japanese components references design website.
  https://design-library.jp/ui/ (opens in a new tab)

- thumbnail-gallery (Recommended)

• Great Japanese thumbnail design collections.
  https://thumbnail-gallery.net/ (opens in a new tab)

UI / UX Guidelines

- nickkolenda.com

• list of best practices in UX, UI, and interaction design.
  https://www.nickkolenda.com/user-experience/ (opens in a new tab)

- UI Garage

• Daily handpicked UI inspiration & patterns.
  https://uigarage.net/ (opens in a new tab)

- Ant Design

• A design system for enterprise-level products. Create an efficient and enjoyable work experience.
  https://ant.design/ (opens in a new tab)

- Nielsen Norman Group

• World Leaders in Research-Based User Experience.
  https://www.nngroup.com/articles/ (opens in a new tab)

- Google Fonts Knowledge

• Google Fonts Knowledge enables designers and developers of all skill sets to choose and use type with purpose.
  https://fonts.google.com/knowledge (opens in a new tab)

- Learn UI Design Blog

• Learn UI Design.
  https://learnui.design/blog/ (opens in a new tab)

- marcandrew.me Blog

• Learn UI Design also.
  https://www.marcandrew.me/ (opens in a new tab)

Color References

- Materialui.co

• Pre-builded color choices.
  https://materialui.co/colors (opens in a new tab)

- Color palettes

• MUI color picker.
  https://material.io/inline-tools/color/ (opens in a new tab)

- mycolor

• Never waste Hours on finding the perfect Color Palette again!.
  https://mycolor.space/ (opens in a new tab)