
Webデザイナー向け


フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」

LateXやiframeのプレビューにも対応したオープンソースのデスクトップMarkdownエディタ・「Abricotine」

画像を一瞬で任意の色のツートンカラーに変換する・「Duotone」

テンプレートをカスタマイズして手軽にSVGの背景を作成できる・「SVG Backgrounds」

CSS Gridを使ったWebサイトのギャラリーサイト・「Grid Examples」

必要なものだけ揃えられたベーシックなCSSのboilerplate・「roolith」

旧Windowsのペイントツールを再現したWebベースのペイントアプリ・「JS Paint」

超ミニマルなオープンソースのテキストエディタ・「Left」

手軽にランディングページを作成できる・「Launchaco」

品質の高めな写真をCC0で無料配布するストックフォト・「mmt」

MarkdownもサポートのOSSな同期機能付きノートアプリ・「Joplin」

Product Huntで投票の多かったコンテンツからカラースキームを作成、公開している・「COLORWISE」

3本線のメニューアイコンのアニメーションパターンをいろいろ集めたサンプル集・「Half Second Hamburger Helper」

使いやすそうな太線のSVGアイコンのセット・「Heroicons UI」

BootstrapやFoundationに対応の高性能テーマビルダー・「Gridbox」

Webサイトのmetaタグをチェックし、OGPタグ等のコードを生成してくれる・「HEY META」

様々なデバイスのモックアップ画像を配布するWebサイトをまとめている・「The Mockup Club 」

WYSIWYGモードも備わったOSSのライブプレビュー機能付きMarkdownエディタ・「TOAST UI Editor」

美しいグラデーションをリスト化、編集やCSSコードのコピーも出来る・「CSS GEARS」

任意のWebページのデータ等を自動でスプレッドシートに挿入、Excelファイルとしてダウンロードできる・「Listly.io」
