カスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセット・「HOLA SVG」
HOLA SVG HOLA SVGはその場でカスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセットです。 Strokeの太さや色、fillの色を変更したり角丸にしたりStrokeを破線に変更するなどが可...
Resource - MIT
Vue.jsとBootstrapで作られたサーバーレスなオープンソースの請求書作成ツール・「Serverless Invoices」
Serverless Invoices Serverless InvoicesはVue.jsとBootstrapで作られたサーバーレスなオープンソースの請求書作成ツールです。 上図のようにシンプルなもので既にレイアウトは決められ...
プライバシーに配慮したオープンソースのシンプルなアクセス解析ツール・「Counter」
Counter Counterはプライバシーに配慮したオープンソースのシンプルなアクセス解析ツールです。更にサーバーへの負担も軽減し、セルフホスティングにおけるコストもかかりにくい様に配慮されています。 解析はビジター数やSNS...
オープンソースのノーコードWebサイトビルダー・「MyTemplate.xyz」
MyTemplate.xyz MyTemplate.xyzはオープンソースのノーコードWebサイトビルダーです。一切コードを書かずにWebサイトを作成出来る、みたいなものになります。ReScriptで書かれています。 サイトビル...
仮想キーボードを実装する非依存で軽量なJavaScriptライブラリ・「Simple-keyboard」
Simple-keyboard Simple-keyboardは仮想キーボードを実装する非依存で軽量なJavaScriptライブラリです。PCのキーボードをモニターに表示してマウスでキーを選択できる、というもの。 スパイウェア対...
クラスレスでHTML要素に基本的なスタイルを適応するCSS・「Bamboo CSS」
Bamboo CSS See the Pen XWNqrRE by kachibito (@kachibito) on CodePen. Bamboo CSSはHTML要素に基本的なスタイルを適応するclass-les...
データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」
Charts.css Charts.cssはデータ可視化のためのチャートCSSフレームワークです。HTMLによるデータビジュアライズの際にスタイリングをサポートするクラスを提供してくれます。 面や棒、折れ線、円やドーナツなどよく...
Intercomなどのように顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリ・「Chatwoot」
Chatwoot Chatwootは顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリです。 よく海外などのWebサービス等の右下に見かける、訪問ユーザーとのチャットツールの様なものを提供してくれる、と...
Web制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクト・「olicons」
olicons oliconsはWeb制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクトです。主にデザイナーやコーダー向けに開発されたそうです。 アイコンは丸みのあるフォルムの線画アイコンと塗りのア...
設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」
pace.js See the Pen rNWwwap by kachibito (@kachibito) on CodePen. pace.jsは設定が一切不要でページロード中にプログレスバーを自動で実装してくれるス...
シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」
bangle.dev bangle.devはシンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキットです。 基本的にはReactで使う事を想定した設計で今後はVueもサポートする予定との事です。...
汎用的に使えるスケーラブルな200以上のオープンソースアイコンセット・「Majesticons」
Majesticons Majesticonsは汎用的に使えるスケーラブルな200以上のオープンソースアイコンセットです。 丸みのある線画のアイコンと塗りの2セット用意されており全てSVGとなっている他、Figmaでも利用できる...
すごくシンプルで使いやすい非依存型の画像拡大鏡スクリプト・「js-image-zoom」
js-image-zoom See the Pen PobWowK by kachibito (@kachibito) on CodePen. js-image-zoomはシンプルで使いやすい非依存型の画像拡大鏡スクリ...
プライバシーとセキュリティを強く意識したOSSのメモアプリ・「bilgge」
bilgge bilggeはプライバシーとセキュリティを強く意識したOSSのメモアプリです。メモの他にパスワード(実際はラベルと値という項目が用意されていて値の箇所が●●●表示される)も保存できます。 AES-256bitと10...
ダミーの画像やテキストを提供するweb components・「</placeholders>」
</placeholders> See the Pen dyOXOrR by kachibito (@kachibito) on CodePen. </placeholders>はダミーの画像や...
開発者やデザイナー向けのツールやリソースを収集している・「Dev Resources」
Dev Resources Dev Resourcesは開発者やデザイナー向けのツールやリソースを収集しているプロジェクトです。OSSとしてMITライセンスの元、Githubで収集データも公開されています。 Webサイトやアプリ...
ユーティリティファーストなCSSを設計するためのCSS変数を提供する・「Pollen」
Pollen Pollenは一貫したスタイルやユーティリティファーストなCSSを設計するためのCSS変数を提供するスタイルシートです。 中身は全てCSS変数のみで構成されており、既に定義付けられていますので、classを変えるこ...
セキュアでシンプルなオープンソースのパスワードジェネレーター・「passwrd.in」
passwrd.in passwrd.inはセキュアでシンプルなオープンソースのパスワードジェネレーターです。Vueで書かれており、サーバーには一切データは送信されず、ブラウザのみで処理されます。 パスワードは数字や記号を含めた...
開発者やデザイナー向けに作られたシンプルで丸みのあるオープンソースのアイコンセット・「Akar Icons」
Akar Icons Akar Iconsは開発者やデザイナー向けに作られたシンプルで丸みのあるオープンソースのアイコンセットです。 デザイナー向けにはFigmaやSketch、XD用を、開発者にはReactコンポーネントとして...
高速開発を意識して開発されたミニマリストの為のCSSフレームワーク・「Luxa CSS」
Luxa CSS See the Pen XWNrxOG by kachibito (@kachibito) on CodePen. Luxa CSSは高速開発を意識して開発されたミニマリストの為のCSSフレームワーク...
React.js/Bootstrapベースのオープンソースの管理画面テンプレート・「Volt React」
Volt React Volt ReactはReact.js/Bootstrapベースのオープンソースの管理画面テンプレートです。 100以上のコンポーネントと10のサンプルページが用意されており、RWD対応、WCAGに準拠して...
シンプルで使いやすい個人向けのオープンソースのカンバンツール・「Personal Kanban」
Personal Kanban Personal Kanbanはシンプルで使いやすい個人向けのオープンソースのカンバンツールです。ベーシックなタイプで最低限必要な機能が揃えられています。 列の追加や編集、移動、レコードの追加や編...