Resource - Webデザイナー向け

Webflowによるサイト構築で効率化や最適化をサポートするノーコードツール・「Stacket」

Stacket StacketはWebflowによるサイト構築で効率化や最適化をサポートするノーコードツールです。Webflowと同じくノーコードアプリとなっています。 Webflowで作成或いは更新したWebサイトをStack...

サイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebフレームワーク・「Redwood」

Redwood Redwoodはサイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebアプリケーションフレームワークです。 React、GraphQL、Prisma、TS、Jest、Storyb...

スクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリ・「Mockoops」

Mockoops Mockoopsはスクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリです。 モニターでの操作の状況を録画し、そのスクリーンキャストをアップロードし、あらかじめ用意された動...
Ads

React向けのゆるめのタッチで描かれたオープンソースのアイコンセット・「Pebble」

Pebble PebbleはReact向けのゆるめのタッチで描かれたオープンソースのアイコンセットです。ある程度種類が用意されており、React向けではありますが、プレーンでの提供もあるので一般的なSVGアイコンとして利用可能です。 ...

見やすい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コ...
Ads