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

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

Wired Elements

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


RELATED POSTS
  • 様々なチャートを生成できるライブラリ「TOAST UI Chart」
  • Font Awesomeをラインアイコンにしたアイコンセット「Line Awesome」
  • 【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
  • 【CSS】CSSだけで作られた簡単に使えるアイコンセット
  • Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
  • グラデーションのアニメーションを実装できる「Granim.js」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • Photoshopで簡単に背景を伸ばすテクニック
RECENT POSTS
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」