SVGフィルタを使ったおしゃれなホバーエフェクト実装
元画像にダイナミックなエフェクトをかけて変形させたりするデモです...(続きを読む)

病院関連のアイコンが入手できる「Health Icons」
マニアックなアイコンセットですが、ウイルスなどのアイコンもあってこ...(続きを読む)

インラインのテキストをメニューリンクにしてしまうクールなデモ
テキストをそのままずらしてメニューにする、というもの...(続きを読む)

かわいい丸形汎用アイコンセット「akar-icons」
...(続きを読む)

無料・商用利用可な漢字も使えるフォント「マルモニカ」
次のような字体のピクセルフォントが無料で使えます。一気に印象が変わ...(続きを読む)

ブラウザ上でCSSレイアウトを生成できる「CSS Layout Generator」​
ブラウザ上でCSSレイアウトを生成できる「CSS Layout Generator」CSSとJSXをその...(続きを読む)

レスポンシブな画面レイアウトに使える「SmolCSS」
グリッドやサイドバーレイアウト等レスポンシブ対応のレイアウト作成に...(続きを読む)

商用利用可能な１００以上のイラストがDLできるサイト
ヨガをしている図やブログを書いている図などのシーンごとのイラストが...(続きを読む)

ソーシャルメディア向けにAIで画像を自動でリサイズしてくれる「P...
画像をAIが認識していい感じに切り抜いてくれるみたいです ...(続きを読む)

画像の切り替えが超かっこいいスライドショー実装デモ
無数のトライアングルのアニメーションと画像の切り替えを組み合わせて...(続きを読む)

マウスホバーで傾き立体的なブロックを表現できる「Vanilla-tilt.js」
マウスホバーで傾き立体的なブロックを表現できるマウスホバーで傾き立...(続きを読む)

FilterSS - List of CSS image effects, click to copy the code
CSSによるインスタ風写真エフェクト実装「FilterSS」CSSだけでもかなりいろ...(続きを読む)

iOSの背景っぽい画像が色々と入手できる「Free Mesh Gradient Collection」
AI、eps、JPG、pngなどの形式で入手できます ...(続きを読む)

タイプライターテキストアニメーション実装「typewritten-text」
タイプライター風テキストアニメーション実装「typewritten-text」単に文字を...(続きを読む)

商用利用可能なランディングページ用テンプレートが沢山入手でき...
これ本当に無料でいいの？っていうモダンでカッコいいテンプレートが沢...(続きを読む)

かわいい網目模様パターン素材集「Basic Pattern Repository」
商用利用も可能な網目模様パターンのダウンロードが可能。SVG形式...(続きを読む)

開発者向けのポートフォリオページ作成テンプレート「Dopefolio」
関わったプロダクトや連絡先など、自己紹介用のテンプレートとして使え...(続きを読む)

文字がカッコよく動き回るページデモ「Repetitive Typography Animation」
文字を動かすだけでもこれだけカッコよくできるということで色々応用し...(続きを読む)

Three.jsでチーム○ボっぽいパーティクルを画面上に散らせるアニメ...
少し重いですが、うつ美しいアニメーションがブラウザ上で再現可能です...(続きを読む)

６０００種の汎用ピクトグラムアイコン「Iconsax」
非常に使いやすそうなアイコン１０００種を６種のスタイルで配布されて...(続きを読む)