blog.saqu.dev
Last updated on

webサイト開発で便利なサイト5選


UI設計

原色大辞典

image.png

https://www.colordic.org/w

  • 和色や洋色の時点
  • 選んだ色に近い色や色相環で反対の色、おすすめの配色パターンも教えてくれる

image.png

UI実装

バーンワークス UI ライブラリ

https://ui.burnworks.com/

image.png

  • tailwindの日本語サイト向けUIライブラリ
  • ほかのライブラリにないようなデザインも豊富

daisyUI

https://daisyui.com

image.png

image.png

アドカレ8日目の記事でも紹介させていただきました!

https://qiita.com/sasanqua/items/6a0c0650ec9dd9dd1ebd

  • ドキュメントが充実している
  • かゆいところに手が届くコンポーネント集

アイコン

SVGREPO

https://www.svgrepo.com/

image.png

image.png

  • 種類が多くて自分のプロジェクトに合わせやすい
  • 使うときにサイズの調整とかは必要

MingCute Icon

https://www.mingcute.com/

image.png

  • アイコンも公式サイトもシンプルで使いやすい
  • たいていのアイコンはそろってるからこのサイト1つでアイコンをまかなえる

終わりに

他にも便利なサイトがあれば教えてください!!