ブロック要素をドラッグできるグリッドレイアウト「Muuri」

 
アイテムリストやポートフォリオなど、レスポンシブなサイトでよく見られるグリッドレイアウトを実装できる「Muuri」がステキな感じだったので忘備録。ソートやフィルタはもちろん、ブロック要素をドラッグで移動させることもできます。

Muuri


  • アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
  • 非レスポンシブの要素をレスポンシブ化する「Reframe.js」
  • シンプルなチャートを実装できるライブラリ「Frappé Charts」
  • 動きのあるバブルを背景に設定することができる「bubbly-bg」
  • クオリティの高いグラフを描画するjsライブラリ「Chart.js」
RELATED POSTS
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
  • 【JS】マウスの動きに合わせて影の角度が変化する「shine.js」
  • 【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • 立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」