ラフな手書き風デザインのWebコンポーネント「Wired Elements」

 
手書き風のラフなデザインを実装することができる「Wired Elements」を忘備録。Rough.jsを使用して手書き感を表現しており、ラフなWebデザインを制作する場合は参考にしたいWebコンポーネントです。

Wired Elements

Component showcase からフォームやカードなどのサンプルを確認することができます。


RELATED POSTS
  • クオリティの高いグラフを描画するjsライブラリ「Chart.js」
  • センスが磨ける?Webデザイナー向けのクイズ・ゲームサイト
  • モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
  • 無料で簡単にホームページを作成できる「Wix」の使い方とレビュー
  • SVGで作成されたローディングアイコンセット「SVG Loaders」
  • Googleのプログラミング学習ツール「Grasshopper」にデスクトップ版がリリース
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】