Design Systems Database
Design Systems Surf is a database of best-in-class Design Systems, organized and sorted by components and directories. The project helps in studying Design Systems from leading technical teams, searching for component references, guidelines, and technical documentation from various sections of Design Systems. DS Surf serves as a unified platform for anyone looking to create flexible and scalable design systems with a focus on real products.
āĻ¸ā§āĻā§āĻ°
90
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻ°ā§āĻāĻŋāĻ
5.0
āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§/āĻā§āĻ°āĻžāĻ¯āĻŧāĻžāĻ˛ āĻ¸āĻšāĻžāĻ¯āĻŧāĻ¤āĻž
āĻ¸āĻŽāĻ°ā§āĻĨāĻŋāĻ¤ āĻ¨āĻ¯āĻŧ
āĻļā§āĻ°ā§āĻ° āĻŽā§āĻ˛ā§āĻ¯
ā§¯ā§¯Â US$/āĻā§āĻŦāĻ¨āĻāĻžāĻ˛
āĻ¸āĻ°ā§āĻŦāĻļā§āĻˇ āĻāĻĒāĻĄā§āĻ
āĻāĻāĻ¸ā§āĻ 04, 2026
āĻ¸āĻāĻā§āĻˇāĻŋāĻĒā§āĻ¤āĻ¸āĻžāĻ°
Design Systems Database āĻā§?
āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻ¸āĻŋāĻ¸ā§āĻā§āĻŽ āĻĄā§āĻāĻžāĻŦā§āĻ¸ āĻšāĻ˛ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻ¸āĻŋāĻ¸ā§āĻā§āĻŽā§āĻ° āĻāĻāĻāĻŋ āĻāĻŋāĻāĻ°ā§āĻā§āĻĄ āĻ¸āĻāĻā§āĻ°āĻš, āĻ¯āĻž āĻ āĻ¨ā§āĻĒā§āĻ°ā§āĻ°āĻŖāĻž āĻāĻŦāĻ āĻ°ā§āĻĢāĻžāĻ°ā§āĻ¨ā§āĻ¸ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻ¨ā§āĻ¤ā§āĻ¸ā§āĻĨāĻžāĻ¨ā§āĻ¯āĻŧ āĻĒā§āĻ°āĻ¯ā§āĻā§āĻ¤āĻŋ āĻā§āĻŽā§āĻĒāĻžāĻ¨āĻŋ āĻāĻŦāĻ UI āĻāĻŋāĻŽā§āĻ° āĻāĻžāĻ āĻĨā§āĻā§ āĻāĻĒāĻžāĻĻāĻžāĻ¨ āĻāĻŦāĻ āĻāĻŋāĻ¤ā§āĻ¤āĻŋ āĻ°ā§āĻĢāĻžāĻ°ā§āĻ¨ā§āĻ¸ āĻĒā§āĻ°āĻĻāĻžāĻ¨ āĻāĻ°ā§āĨ¤
Design Systems Database āĻā§ āĻāĻžāĻā§ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšāĻ¯āĻŧ?
āĻā§āĻ¯āĻžāĻ
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§ āĻā§āĻ°ā§āĻĒ
āĻļā§āĻ°ā§āĻˇ āĻŦā§āĻļāĻŋāĻˇā§āĻā§āĻ¯
- āĻāĻŋāĻāĻ°ā§āĻā§āĻĄ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻ¸āĻŋāĻ¸ā§āĻā§āĻŽ āĻ¸āĻāĻā§āĻ°āĻš
- āĻāĻĒāĻžāĻĻāĻžāĻ¨ āĻāĻŦāĻ āĻāĻŋāĻ¤ā§āĻ¤āĻŋ āĻ°ā§āĻĢāĻžāĻ°ā§āĻ¨ā§āĻ¸
- āĻļā§āĻ°ā§āĻˇ-āĻ¸ā§āĻ¤āĻ°ā§āĻ° āĻĒā§āĻ°āĻ¯ā§āĻā§āĻ¤āĻŋ āĻ¸āĻāĻ¸ā§āĻĨāĻžāĻā§āĻ˛āĻŋ āĻĨā§āĻā§
- āĻ˛āĻŋāĻĄāĻŋāĻ UI āĻāĻŋāĻŽā§āĻ° āĻāĻĻāĻžāĻšāĻ°āĻŖ
Design Systems Database āĻā§āĻāĻžāĻŦā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻŦā§āĻ¨?
āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻ¸āĻŋāĻ¸ā§āĻā§āĻŽ āĻ āĻ¨ā§āĻŦā§āĻˇāĻŖ āĻāĻ°āĻ¤ā§ āĻĄāĻžāĻāĻžāĻŦā§āĻ¸ āĻŦā§āĻ°āĻžāĻāĻ āĻāĻ°ā§āĻ¨, āĻāĻĒāĻžāĻĻāĻžāĻ¨ āĻāĻŦāĻ āĻāĻŋāĻ¤ā§āĻ¤āĻŋ āĻĻā§āĻāĻ¤ā§, āĻāĻŦāĻ āĻāĻĒāĻ¨āĻžāĻ° āĻ¨āĻŋāĻāĻ¸ā§āĻŦ āĻ¨āĻāĻļāĻž āĻĒā§āĻ°āĻāĻ˛ā§āĻĒ āĻŦāĻž āĻļā§āĻāĻžāĻ° āĻāĻ¨ā§āĻ¯ āĻ°ā§āĻĢāĻžāĻ°ā§āĻ¨ā§āĻ¸ āĻšāĻŋāĻ¸āĻžāĻŦā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§āĻ¨.
āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛
āĻā§āĻ¨ āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛ āĻĒāĻžāĻāĻ¯āĻŧāĻž āĻ¯āĻžāĻ¯āĻŧāĻ¨āĻŋ
āĻ¸ā§āĻŦāĻŋāĻ§āĻž & āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- āĻāĻā§āĻ āĻŽāĻžāĻ¨ā§āĻ° āĻ°ā§āĻĢāĻžāĻ°ā§āĻ¨ā§āĻ¸
- āĻ¨āĻāĻļāĻž āĻĒā§āĻ°āĻāĻ˛ā§āĻĒā§āĻ° āĻāĻ¨ā§āĻ¯ āĻ āĻ¨ā§āĻĒā§āĻ°ā§āĻ°āĻŖāĻž
- āĻļāĻŋāĻ˛ā§āĻĒ āĻ¸ā§āĻ°āĻž āĻ āĻ¨ā§āĻļā§āĻ˛āĻ¨ āĻ ā§āĻ¯āĻžāĻā§āĻ¸ā§āĻ¸
āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- āĻ¸ā§āĻŽāĻŋāĻ¤ āĻāĻ¨ā§āĻāĻžāĻ°āĻ ā§āĻ¯āĻžāĻā§āĻāĻŋāĻāĻŋāĻāĻŋ
- āĻŦāĻžāĻ¸ā§āĻ¤āĻŦāĻžāĻ¯āĻŧāĻ¨ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻ āĻ¤āĻŋāĻ°āĻŋāĻā§āĻ¤ āĻ¸āĻ°āĻā§āĻāĻžāĻŽā§āĻ° āĻĒā§āĻ°āĻ¯āĻŧā§āĻāĻ¨ āĻšāĻ¤ā§ āĻĒāĻžāĻ°ā§
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°ā§āĻ° āĻā§āĻˇā§āĻ¤ā§āĻ°ā§
- āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻ āĻ¨ā§āĻĒā§āĻ°ā§āĻ°āĻŖāĻž
- āĻļā§āĻāĻžāĻ° āĻ¨āĻāĻļāĻž āĻ¸āĻŋāĻ¸ā§āĻā§āĻŽ
- UI āĻŦāĻŋāĻāĻžāĻļā§āĻ° āĻāĻ¨ā§āĻ¯ āĻ°ā§āĻĢāĻžāĻ°ā§āĻ¨ā§āĻ¸
Design Systems Database āĻŽā§āĻ˛ā§āĻ¯
āĻāĻāĻŦāĻžāĻ°ā§āĻ° āĻĒā§āĻŽā§āĻ¨ā§āĻ āĻĒāĻ°āĻŋāĻāĻ˛ā§āĻĒāĻ¨āĻž
Typography
ā§¯ā§¯Â US$/āĻā§āĻŦāĻ¨āĻāĻžāĻ˛āĻāĻā§āĻŦāĻ¨ āĻ ā§āĻ¯āĻžāĻā§āĻ¸ā§āĻ¸ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻāĻāĻāĻžāĻ˛ā§āĻ¨ āĻā§āĻ¨āĻžāĻāĻžāĻāĻž
- āĻāĻžāĻāĻĒā§āĻā§āĻ°āĻžāĻĢāĻŋ āĻĢāĻžāĻāĻ¨ā§āĻĄā§āĻļāĻ¨ āĻ°ā§āĻĢāĻžāĻ°ā§āĻ¨ā§āĻ¸ āĻ ā§āĻ¯āĻžāĻā§āĻ¸ā§āĻ¸
- āĻ¨āĻāĻļāĻž āĻ¸āĻŋāĻ¸ā§āĻā§āĻŽ āĻĨā§āĻā§ āĻāĻĒāĻžāĻĻāĻžāĻ¨
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž
5.0
ā§Ģ āĻāĻ° āĻŽāĻ§ā§āĻ¯ā§
5.0
āĻāĻāĻ¨āĻ āĻā§āĻ¨ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž āĻ¨ā§āĻ
āĻāĻ āĻā§āĻ˛ā§āĻ° āĻĒā§āĻ°āĻĨāĻŽ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻžāĻāĻžāĻ°ā§ āĻšāĻ¨!