UIデザインのスニペットがまとめられたサイト「CodeMyUI」

 
またまたUIデザインのスニペットがまとめられたサイトを見つけたので忘備録。サムネイルがアニメーションになっているので、眺めているだけでもインスピレーションを得ることができます。

CodeMyUI


  • CSSで作成する吹き出しとデザインのアイデア
  • 【Webデザイン】Webサイト制作に役立つブックマークレット
  • ロゴを様々な角度からテストできるツール「Logo Lab」
  • バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
RELATED POSTS
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
  • 直感的に操作できるサイトツアーを実装できるライブラリまとめ
  • 【jQuery】ページめくり効果を付けられる「OneBook3d」
  • 【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」
  • 【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」
  • Font Awesomeをラインアイコンにしたアイコンセット「Line Awesome」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • CSSで作成する吹き出しとデザインのアイデア
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • CSSで簡単に作れるおしゃれな見出しデザイン20選