Webデザイナー向け

ジェネレーター

チャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリ・「INSTAD.IO」
複合/その他

Webページの大まかなスタイルをざっくり決めてCSSコードを発行できる・「SHAPER」
ソフトウェア

レスポンシブWebデザインの表示テストを複数デバイスで同時に行えるオープンソースのElectronベースデスクトップアプリ・「Responsivize」
Ads
その他

SkechやFigmaで使えてReact、Vue等もサポートするオープンソースの国旗アイコンのセット・「Flagpack」
CSS/HTML

複雑なグリッドレイアウトにも対応できるCSSグリッドフレームワーク・「Griddle」
その他

Instagramのフィードをレイアウト等を細かくカスタマイズして任意のWebサイトで埋め込み表示できるウィジェットサービス・「LightWidget」
ソフトウェア

複数のダッシュボードUIを全てオープンソースとしてFigmaで提供している・「Openby.design」
その他

任意のWebページで使われているSVGファイルを最適化したりコードをコピーしたりできるオープンソースのブラウザ拡張・「SVG Gobbler」
ソフトウェア

アスキーアートをSVG化し、ダイアグラム等をプレーンテキストで作図できるOSS・「Svgbob Editor」
ジェネレーター

背景をボカして透過させるすりガラス風コンテンツを作成、CSSをコピーできる・「Glassmorphism CSS Generator」
JavaScript

Webサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツール・「Sa11y」
ソフトウェア

各OSにも対応のFigmaやSketch、XDなどからもインポートできるノーコードなビジュアルHTML/CSSエディター・「Desech Studio」
ジェネレーター

ドラッグ&ドロップでTailwind.cssベースのWebページを作成出来るノーコードWebサイトビルダー・「Windframe」
ジェネレーター

Web制作をサポートする実用的なツールを50以上公開している・「toolb.dev」
ソフトウェア

オフラインで動作する個人向けのかんばん式タスク管理デスクトップアプリ・「Projscope Tasks」
JavaScript

どのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリ・「DFlex」
フレームワーク

Tailwind.cssベースのオープンソースReact UIキット・「Windy」
JavaScript

画像でもiframでも対応できるシンプルで使いやすく汎用的な非依存のlightboxスクリプト・「tobii」
JavaScript

Tailwind.cssのユーティリティクラスをBootstrapやBlumaなど他のCSSフレームワークで使えるようにする拡張スクリプト・「Foxtail」
複合/その他

オープンソースとして公開されているBootstrap向けのナレッジベース用テンプレート・「KnowledgeBase.dev」
ジェネレーター

自動または手動で画像の背景を削除できるWebアプリ・「FocoClipping」
複合/その他

スピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリ・「Elementz」
次のページ