Components

• https://headlessui.com
• Tailwind CSS
  • https://www.radix-ui.com/
  • https://daisyui.com/
  • https://www.hyperui.dev/
  • https://ui.shadcn.com/

Npm Packages

CSS

• https://uno.antfu.me/
• https://tailwindcss.com/docs/installation
  • Color Palette Config Generator https://palette.tone-row.com/

Illustration

• https://undraw.co/illustrations
• https://icons8.com/illustrations

Color

• ⭐️ https://aicolors.co/
• ⭐️ https://mycolor.space
• https://colorsui.com/
• https://brandcolors.net/
• https://color.adobe.com/
• https://www.pinterest.com/search/pins/?q=Morandi color scheme

Font

• ⭐️ https://fontsource.org/
• https://fonts.google.com/
• https://fontjoy.com

Design tokens

• https://shaper.design/

Icon

• ⭐️ https://icones.js.org/
• https://www.xicons.org/
• https://www.flaticon.com/
• https://icons8.com
• https://www.overflow.design/ni-duotone.html

Avatar

• https://dicebear.com/

Gradual change

• ⭐️ https://grabient.com
• https://www.joshwcomeau.com/gradient-generator/

Shadow

• https://shadows.brumm.af

Background

• https://svgbackgrounds.com

Placeholders

• https://www.uifiller.com/

Image

• https://digitalcollections.nypl.org/
• https://unsplash.com/s/users/library

Charts

• https://echarts.apache.org/examples/en/index.html
  • https://www.makeapie.cn/echarts
  • http://www.isqqw.com/
  • http://ppchart.com/

Web Design

• https://www.curated.design/
• https://www.webdesignmuseum.org/

App Design

• https://mobbin.com/browse/ios/apps
• https://uinotes.com/ (Chinese)

Database

Screen Size

Typefaces

Series of articles

1. 这个控件叫什么
2. UI Tips
3. UX Tips