React向けのゆるめのタッチで描かれたオープンソースのアイコンセット・「Pebble」
Pebble PebbleはReact向けのゆるめのタッチで描かれたオープンソースのアイコンセットです。ある程度種類が用意されており、React向けではありますが、プレーンでの提供もあるので一般的なSVGアイコンとして利用可能です。 ...
Resource - Webデザイナー向け
見やすいUIで編集も可能な用語集ページを作成できるHTML/CSS/JavaScriptテンプレート・「Glossary Page Template」
Glossary Page Template Glossary Page Templateは見やすいUIで編集も可能な用語集ページを作成できるページテンプレートです。HTML/CSS/javascriptで構成されており、レスポンシブ...
柔軟性と拡張性を重視して設計されたオープンソースのクロスプラットフォーム対応Markdownエディタ・「Tiro Notes」
Tiro Notes Tiro Notesは柔軟性と拡張性を重視して設計されたオープンソースのクロスプラットフォーム対応Markdownエディタです。 ]というタグでPDFやMP4、Youtubeなどをプレビューしたり]で数式、...
SVGをオンラインで作成出来る多種多少なツールを大量に作成、公開しているSVGジェネレーターコレクション・「fffuel」
fffuel fffuelはSVGをオンラインで作成出来る多種多少なツールを大量に作成、公開しているSVGジェネレーターコレクションです。 以前、ssshapeというアプリをご紹介しましたが、このようなSVGジェネレーターをいろ...
汎用的で使いやすいオープンソースのSVGアニメーションスピナーのセット・「SVG Spinners」
SVG Spinners See the Pen Untitled by kachibito (@kachibito) on CodePen. SVG Spinnersは汎用的で使いやすいオープンソースのS...
シンプルで小さなサイズでも視認性が高いオープンソースのアイコンセット・「MingCute」
MingCute MingCuteはシンプルで小さなサイズでも視認性が高いオープンソースのアイコンセットです。PNG、SVGの他、Webフォントとしても提供されています。 アイコンは全部で1200以上用意されており、どれもが24...
Googleフォントと互換性を持ったGDPR準拠のプライバシーを重視したWebフォントプラットフォーム・「Bunny Fonts」
Bunny Fonts Bunny FontsはGoogleフォントと互換性を持ったGDPR準拠のプライバシーを重視したWebフォントプラットフォームです。オープンソースを謳っていますが開示されたソースがどこか分かりませんでしたので後...
Tailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張・「Tailwind DX」
Tailwind DX Tailwind DXはTailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張のためのChromeエクステンションです。 インストールすると普段使うDevToolsにTa...
必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレート・「Admini」
Admini Adminiは必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレートです。 昨出来うる限り隠せる限り隠しに隠した結果どこに何があるか分かりにくくなった、みたいな極端なmini...
CSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキット・「CSS GUI」
CSS GUI CSS GUIはCSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキットです。 既にある要素をクリックするとアウトラインが表示され、左ペインのツールエ...
250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントセット・「Preline UI」
Preline UI Preline UIは250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントのセットです。 React、Vueと互換性があり、全てのコンポーネントはRWD対...
HTMLを入力するとTailwind.cssが適応された状態でプレビューし、そのまま編集できるエディタ・「TailEdits」
TailEdits TailEditsはHTMLを入力するとTailwind.cssが適応された状態でプレビューし、そのまま編集できるユニークでシンプルなオンラインエディタです。 編集、というのはHTMLの方ではなく、プレビュー...
ドローツール感覚でアスキーアートを描けるオープンソースのWebアプリ・「ASCII Art Paint」
ASCII Art Paint ASCII Art Paintはドローツール感覚でアスキーアートを描けるオープンソースのWebアプリです。機能や操作法は一般的なドローツール、グラフィックエディタ等と同じで、結果だけアスキーアートとなり...
様々なタイプのCSSアニメーションを、その場で動作確認し、コードをコピーできる・「AnimatiSS」
AnimatiSS AnimatiSSは様々なタイプのCSSアニメーションを、その場で動作確認し、コードをコピーできるWebサイトです。 スクロールアップ/ダウン、回転、回転+拡大縮小、スィング、スライド、シャドウなどなど大量の...
汎用的で使いやすいアイコンを意識してデザインされたオープンソースのSVGアイコンセット・「Humbleicons」
Humbleicons Humbleiconsは汎用的で使いやすいアイコンを意識してデザインされたオープンソースのSVGアイコンセットです。 シンプルでクセの無いスタイリングで、そのまますぐにプロジェクトで使えるようなアイコンと...
ピクセルアート風の350以上のアイコンをまとめたオープンソースのSVGアイコンセット・「Pixelarticons」
Pixelarticons Pixelarticonsはピクセルアート風の350以上のアイコンをまとめたオープンソースのSVGアイコンセットです。 24×24のグリッドでデザインされており、各アイコンのSVGコードはその場でコピ...
Webサイトの任意のテキストをその場で変更できるブックマークレット・「Quick Edit Bookmarklet」
Quick Edit Bookmarklet Quick Edit BookmarkletはWebサイトの任意のテキストをその場で変更できるブックマークレットです。 Devtoolsを開かずとも、起動すれば即エディターモードにな...
スムーズにアニメーションするblobを動作確認しながら作れるWebアプリ・「Blob Animation」
Blob Animation Blob Animationはスムーズにアニメーションするblobを動作確認しながら作れるWebアプリです。スライムのようなシルエットのblobにゆるいアニメーションエフェクトを付与できる、というもの。 ...
75以上の様々なノーコードアプリをカテゴリ等で探せる・「No-Code Builder」
No-Code Builder No-Code Builderは75以上の様々なノーコードアプリをカテゴリ等で探せるノーコードアプリのコレクションサイトです。 DBや各自動化、Webサイト作成、内部ツール、アプリケーション、Eコ...
コピー&ペーストで使えるHTML/CSS/SVGのローダーのコレクション・「Loaders」
Loaders Loadersはコピペで使えるHTML/CSS/SVGのローダーのコレクションです。Reactもサポートされています。 24種用意されていて軽量、スタイリングはCSSなのでカスタマイズも簡単です。例えば以下のよう...
様々なタイプのWebサイトのUIテンプレートをFigmaやPS用ファイルで無償配布する・「DopeUI」
DopeUI DopeUIは様々なタイプのWebサイトのUIテンプレートをFigmaやPhotoshop用ファイルで無償配布するプロジェクトサイトです。 いろいろな業種や目的に別にFigma或いはPhotoshopで作成されたW...
コピペで使えるオープンソースのTailwind.css用コンポーネントのコレクション・「HyperUI」
HyperUI HyperUIはコピペで使えるオープンソースのTailwind.css用コンポーネントのコレクションです。WebサイトやWebアプリ等でよく使われるWebコンポーネントを収集し、コードをコピーして使えるようになっていま...