Resource - MIT

データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」

Charts.css Charts.cssはデータ可視化のためのチャートCSSフレームワークです。HTMLによるデータビジュアライズの際にスタイリングをサポートするクラスを提供してくれます。 面や棒、折れ線、円やドーナツなどよく...

Intercomなどのように顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリ・「Chatwoot」

Chatwoot Chatwootは顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリです。 よく海外などのWebサービス等の右下に見かける、訪問ユーザーとのチャットツールの様なものを提供してくれる、と...

Web制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクト・「olicons」

olicons oliconsはWeb制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクトです。主にデザイナーやコーダー向けに開発されたそうです。 アイコンは丸みのあるフォルムの線画アイコンと塗りのア...
Ads

設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「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はシンプルで使いやすい個人向けのオープンソースのカンバンツールです。ベーシックなタイプで最低限必要な機能が揃えられています。 列の追加や編集、移動、レコードの追加や編...

論文ライクなレイアウトのclassを使わないクラスレスなスタイルシート・「Tufte CSS」

Tufte CSS Tufte CSSは論文ライクなレイアウトのclassを使わないクラスレスなスタイルシートです。 論文ライクと言いますか、名前でピンと来る方もいるかもしれませんがEdward Tufte氏(Wikipedia...

タッチデバイスにも対応した、要素を複数選択できるようにするスクリプト・「Selecto.js」

Selecto.js Selecto.jsタッチデバイスにも対応した、要素を複数選択できるようにするスクリプトです。マウスによるドラッグだけでなくスマフォ等のタッチデバイスにも対応しています。 他ライブラリに依存せずVanill...

Socket.io、React.js、Tailwind等で作られたシンプルなオープンソースのチャットアプリ・「Chat-app」

Chat-app Chat-appはSocket.io、React.js、Tailwind等で作られたシンプルなオープンソースのチャットアプリです。 チャットアプリと言えばSocket.ioですが、こちらの開発者はSocket....

ドラッグ&ドロップでHTMLメールを作れるオープンソースのHTMLメールエディタ・「Unlayer email-editor」

Unlayer email-editor Unlayer email-editorはドラッグ&ドロップでHTMLメールを作れるオープンソースのHTMLメールエディタです。Vue.js、Angular.js、React.js向けがそれぞ...

Tailwind.css向けに用意された200以上のオープンソースなコンポーネントのセット・「Tail-Kit」

Tail-Kit Tail-KitはTailwind.css向けに用意された200以上のオープンソースなコンポーネントのセットです。人気のCSSフレームワーク、Tailwindで使える汎用的なコンポーネントが大量に用意されています。 ...

学習コストをなるべくかけずに習得できるよう設計された、沢山のコンポーネントやユーティリティを含むCSS Gridベースのフロントエンドフレームワーク・「Axentix」

Axentix See the Pen XWjPbpG by kachibito (@kachibito) on CodePen. Axentixは学習コストをなるべくかけずに習得できるよう設計された、沢山のコンポーネ...
Ads