スクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリ・「Mockoops」
Mockoops Mockoopsはスクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリです。 モニターでの操作の状況を録画し、そのスクリーンキャストをアップロードし、あらかじめ用意された動...
Resource - MIT
高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベース・「helpkb」
helpkb helpkbは高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベースです。Markdown記法もサポートされています。 必要なものはすべて組み込まれているため、基本的にはプラグインやコーディ...
React向けのゆるめのタッチで描かれたオープンソースのアイコンセット・「Pebble」
Pebble PebbleはReact向けのゆるめのタッチで描かれたオープンソースのアイコンセットです。ある程度種類が用意されており、React向けではありますが、プレーンでの提供もあるので一般的なSVGアイコンとして利用可能です。 ...
見やすいUIで編集も可能な用語集ページを作成できるHTML/CSS/JavaScriptテンプレート・「Glossary Page Template」
Glossary Page Template Glossary Page Templateは見やすいUIで編集も可能な用語集ページを作成できるページテンプレートです。HTML/CSS/javascriptで構成されており、レスポンシブ...
拡張性が高く、ブラウザで動作するオープンソースのテキストエディタフレームワーク・「Lexical」
Lexical Lexicalは拡張性の高いブラウザベースのオープンソースのテキストエディタフレームワークです。javascriptで書かれています。 シンプルで分かりやすいツールバーで直感的な操作が可能で、プラグインで機能の拡...
汎用的で使いやすいオープンソースのSVGアニメーションスピナーのセット・「SVG Spinners」
SVG Spinners See the Pen Untitled by kachibito (@kachibito) on CodePen. SVG Spinnersは汎用的で使いやすいオープンソースのS...
様々なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリ・「React Charts」
React Charts React Chartsは多種多様なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリです。 上動作デモのように、様々なタイプのグラフを描画可能で、表現にも非常に応用...
必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレート・「Admini」
Admini Adminiは必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレートです。 昨出来うる限り隠せる限り隠しに隠した結果どこに何があるか分かりにくくなった、みたいな極端なmini...
CSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキット・「CSS GUI」
CSS GUI CSS GUIはCSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキットです。 既にある要素をクリックするとアウトラインが表示され、左ペインのツールエ...
Reactベースで独自のWebアプリ向けコマンドパレットを作成出来る・「react-cmdk」
react-cmdk react-cmdkは独自のWebアプリ向けコマンドパレットを作成出来るReactコンポーネントパッケージです。開発者にはお馴染みのコマンドパレットをWebアプリ等に導入できる、というもの。 検索窓にテ...
250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントセット・「Preline UI」
Preline UI Preline UIは250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントのセットです。 React、Vueと互換性があり、全てのコンポーネントはRWD対...
スクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプト・「PushIn.js」
PushIn.js PushIn.jsはスクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプトです。ES5に準拠した全てのブラウザに対応しており、非依存で動作も軽く使い方も簡単です。 JavaScriptとCS...
ダイアグラムを描くためのSvelteコンポーネントライブラリ・「Svelvet」
Svelvet Svelvetはダイアグラムを描くための軽量なSvelteコンポーネントライブラリです。インタラクティブなノードベースのフロー図を構築する事が出来ます。 拡大縮小、ドラッグ操作によるノードの移動や視点変更、カスタ...
面倒な設定不要で手軽にアニメーションエフェクトを付与してくれるライブラリ・「AutoAnimate」
AutoAnimate AutoAnimateは面倒な設定不要で手軽にアニメーションエJavaScriptライブラリです。学習コストもほぼ必要なくCSSを書く必要もありません。 React、Vue、SvelteやVanillaで...
アプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリ・「Formation」
Formation Formationはアプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリです。TypeScriptで書かれており、アクセシビリティ重視でWCAG 2.0に準拠、シンプル...
Express/MongoDB/Reactで構築されたオープンソースのTypeScriptヘッドレスCMS・「Payload」
Payload PayloadはExpress/MongoDB/Reactで構築されたオープンソースのTS製ヘッドレスCMSです。 ベータ版を1年ほど運用したのち、数日前に完全オープンソース化となりました。 OSS化の経緯...
汎用的で使いやすいアイコンを意識してデザインされたオープンソースのSVGアイコンセット・「Humbleicons」
Humbleicons Humbleiconsは汎用的で使いやすいアイコンを意識してデザインされたオープンソースのSVGアイコンセットです。 シンプルでクセの無いスタイリングで、そのまますぐにプロジェクトで使えるようなアイコンと...
ピクセルアート風の350以上のアイコンをまとめたオープンソースのSVGアイコンセット・「Pixelarticons」
Pixelarticons Pixelarticonsはピクセルアート風の350以上のアイコンをまとめたオープンソースのSVGアイコンセットです。 24×24のグリッドでデザインされており、各アイコンのSVGコードはその場でコピ...
ブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタ・「LetsMarkdown.com」
LetsMarkdown.com LetsMarkdown.comはブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタです。React.js、Vite.js、Chakra UIなどが採用されています。Markd...
DockerベースのHerokuライクなオープンソースのミニPaaS・「Dokku」
Dokku DokkuはDockerベースのHerokuライクなオープンソースのミニPaaS（Platform as a Service）です。Docker搭載のHeroku代替として利用する事が出来ます。 Dockerベースな...
Twitterの任意の投稿をHTMLで表示できるようにするオープンソースのWebアプリ・「Tweetic」
Tweetic TweeticはTwitterの任意の投稿をHTMLで表示できるようにするオープンソースのWebアプリです。 作成したいTweetのURLを貼るだけ。以下のように任意のTweetを静的HTMLで表示できるようにし...
ローカル環境にあるコードスニペットのファイルをGistに投げて共有できるCLI・「snipli」
snipli snipliはローカル環境にあるコードスニペットのファイルをGistに投げて共有できるCLIです。 snipliをインストールしたらcreateコマンドで任意のローカルファイルをGistに投げます。 ...