複数サンプルも用意されているBootstrap 5ベースのオープンソースの管理画面テンプレート・「Volt」
Volt Voltは複数サンプルも用意されているBootstrap 5ベースのオープンソースのダッシュボードテンプレートのセットです。 管理画面などが必要なアプリやサービスを展開するスタートアップ向けに、必須となりえるようなペー...
Resource -"キーワード指定なし"
Unsplashの画像を検索してDLしたりクリップボードにコピーしたり壁紙に設定できるデスクトップアプリ・「Coaster」
Coaster CoasterはUnsplashの画像を検索してDLしたりクリップボードにコピーしたり壁紙に設定できるデスクトップアプリです。 直接サイトにアクセスすれば事足りるんですが、使ってみた印象ではハードにUnsplas...
チーム向けのワークスペースを提供するシンプルなプロジェクト管理ツール・「Undesk」
Undesk Undeskはチーム向けのワークスペースを提供するシンプルなプロジェクト管理ツールです。 チーム向けとあって、チャットツール、タスク管理、ファイル管理などが可能で共有できる他、伝言やメモ、アイデアの共有などに使える...
コードを画像化できるオープンソースのWebアプリ・「Codify」
Codify Codifyはコードを画像化できるオープンソースのWebアプリです。今までもCarbonや、Codeimg.io、CodeZenといったツールをご紹介させて頂きましたが、同様のツールになります。 異なる点はスタイル...
Vue.js製のシンプルなスニペットコードマネージャ・「Snapcode」
Snapcode SnapcodeはVue.jsで作られたシンプルなスニペットコードマネージャです。ノートアプリの感覚でコードスニペットを管理、フォルダやタグでカテゴライズし、お気に入り登録したり任意のキーワードで検索する事が出来ます...
滑らかに動くスワイプ可能な非依存型のカルーセルライブラリ・「Embla Carousel」
Embla Carousel See the Pen mdPOxwm by kachibito (@kachibito) on CodePen. Embla Carouselは滑らかに動くスワイプ可能な非依存型のカ...
Webやデスクトップ、モバイルなどのアプリ開発向けのデザイン/UIコンポーネントライブラリ・「kor」
kor korはWebやデスクトップ、モバイルなどのアプリ開発向けのデザインシステム&UIコンポーネントライブラリです。 LitElementが採用されており、ブラウザやOS、フレームワークなどに依存せず、直感的で一貫性のある快...
Bootstrapライクに使えるフロントエンドフレームワーク・「Halfmoon」
Halfmoon HalfmoonはBootstrapライクに使えるフロントエンドフレームワークです。美しいダッシュボードやプロダクトページの開発スピード向上をサポートしてくれるそう。 RWD対応でBootstrapと概ね同じc...
Googleアナリティクス代替として開発されたオープンソースの自己ホスト型Web分析ツール・「umami」
umami umamiはGoogleアナリティクス代替として開発されたオープンソースの自己ホスト型Web分析ソリューションです。 GAよりもシンプルで軽量、使いやすさを考慮して開発されたようで、GAよりもユーザーフレンドリーでプ...
様々な業種やシーンにも対応したオープンソースのベーシックなアイコンセット・「Neu Icons」
Neu Icons Neu Iconsは様々な業種やシーンにも対応したオープンソースのベーシックなアイコンセットです。 1000以上のアイコンがSVGで用意されているほか、Figma用やCDNも用意されています。 ...
SNS等のローディングで見かけるプレースホルダーをSVGで作れる・「Create Content Loader」
Create Content Loader Create Content LoaderはSNS等のローディングで見かけるプレースホルダーをSVGで作れるWebアプリです。 FacebookのカードやInstagramなどで読み込...
Vue.jsで構築されたオープンソースのフォントビューア・「fontvuer」
fontvuer fontvuerはオープンソースのフォントビューアです。Vue.js+Electronで構築されており、各OSで動作します。 任意のテキストでインストールされているフォントを一括表示してくれるので探す際に表示確...
Pandasライブラリにインスパイアされた、構造化されたデータの操作や処理を行うためのJavaScriptライブラリ・「danfo.js」
danfo.js See the Pen abNdLMp by kachibito (@kachibito) on CodePen. danfo.jsは構造化されたデータの操作や処理を行うためのJavaScriptライ...
Canvas 2Dベースの高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャートライブラリ・「μPlot」
μPlot See the Pen BaKjBmq by kachibito (@kachibito) on CodePen. μPlotは高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャ...
ブラウザで動作するExcelライクなスプレッドシートを構築する為のReactコンポーネント・「Rows n’ Columns」
Rows n' Columns Rows n' Columnsはブラウザで動作するExcelライクなスプレッドシートを構築する為のReactコンポーネントです。 Googleスプレッドシート並みの高性能レンダリングを実現、高パフ...
ドキュメントの管理やショートカットによる定型文挿入が可能なChromeエクステンション・「Linguix」
Linguix Linguixはドキュメントの管理やショートカットによる定型文挿入が可能なChromeエクステンションです。 導入する事でtextarea内に書いた文章をドキュメントとして保存したり、予め設定した定型文を任意のシ...
CSSの用語を視覚的に学べる・「CSS Vocabulary」
CSS Vocabulary CSS VocabularyはCSSの用語を視覚的に学べるスタディサイトです。教育機関や研修など、教材向けに良さそうです。 実際のCSSのコードが左ペインに書かれており、右ペインにCSSで使われてい...
ミニマルなスタイルの汎用的なオープンソース線画アイコンセット・「Basicons」
Basicons Basiconsはミニマルなスタイルで汎用的に使えるようデザインされたオープンソースの線画アイコンセットです。 サイズやストロークの太さなどを設定して個別にDLしたりまとめてDL出来るようになっています。 ...
アイソメトリック図で描けるダイアグラム作成Webアプリ・「Isoflow」
Isoflow Isoflowはアイソメトリック図で描けるダイアグラム作成Webアプリです。仕様は単純で、アイソメトリックな3Dアイコンを配置してダイアグラムを作成する、というもの。 現状使えるアイコンがあまりに少ないので作れる...
シンプルなものからユニークなものまで様々なCSS製のスピナーやローダーをまとめた・「CSS3 Loader & Spinners」
CSS3 Loader & Spinners See the Pen CSS3 Loader & Spinners by kachibito (@kachibito) on CodePen. CSS3 Lo...
オープンソースのカスタマー向けリアルタイムチャットツール・「Papercups」
Papercups Papercupsはオープンソースのカスタマー向けリアルタイムチャットツールです。ウィジェットも合わせてOSSとなっています。 よくWebサイトの右下などに設置されてるカスタマー用のチャットウィジェットを提供...
簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」
tinykeys See the Pen yLOBWdj by kachibito (@kachibito) on CodePen. tinykeysは簡単な設定で使える軽量でモダンなキーバインドJavaScriptラ...