
Webディレクター向け


クラスレスでHTML要素に基本的なスタイルを適応するCSS・「Bamboo CSS」

Webサイトやアプリなどのデザイン時に有益なツールやリソースのまとめサイト・「Evernote.Design」

コードを画像化してダウンロードできるWebアプリ・「Ray.so」

データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」

Intercomなどのように顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリ・「Chatwoot」

ベーシックで使いやすいオープンソースのヘルプデスクシステム・「HelpDeskZ」

個人向けに開発されたオープンソースのプロジェクト管理ツール・「Condution」

Web制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクト・「olicons」

URLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示する・「github1s」

設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」

商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」

SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」

モダンなCSSを使ったレイアウトのコードスニペットを紹介する・「SmolCSS」

汎用的に使えるスケーラブルな200以上のオープンソースアイコンセット・「Majesticons」

CSSやJavScript等の便利なコードスニペットを収集している・「DevSamples」

ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」

プライバシーとセキュリティを強く意識したOSSのメモアプリ・「bilgge」

ダミーの画像やテキストを提供するweb components・「</placeholders>」

開発者やデザイナー向けのツールやリソースを収集している・「Dev Resources」

すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」
