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)

- 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)

- thumbnail-gallery

• 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)