シンプルで見やすく使いやすいオープンソースのReact UIライブラリ・「WoozDesign」
WoozDesign WoozDesignはシンプルで見やすく使いやすいオープンソースのReact UIライブラリです。Webアプリ用として設計されたみたいです。 無駄のないスタイルでフィンテックや解析、分析、など情報を正しく明...
Resource - フレームワーク
SvelteとTailwindをベースにしたオープンソースのモバイル向けWebコンポーネントライブラリ・「STDF」
STDF STDFはSvelteとTailwindをベースにしたオープンソースのモバイル向けWebコンポーネントライブラリです。 オンラインでも高速に動作し、豊富なAPIによりニーズに合わせたコンポーネントスタイルの設定が可能、...
「いいね」や「賛成」、「レビュー」などのコンテキストをシームレスにアプリに統合できるコンポーネント・「Clickvote」
Clickvote Clickvoteは「Like（いいね）」や「Upvote（賛成票）」、「Review（レビュー）」、などのコンテキストをシームレスにアプリに統合できるOSSコンポーネントです。 現在はReactのみですが、...
レスポンシブでアクセシブルなUIコンポーネントのライブラリ・「Rafty UI」
Rafty UI Rafty UIはレスポンシブでアクセシブルなUIコンポーネントのライブラリです。デザインシステムの構築を簡単にしてくれるとの事です。 開発しているアプリのデザインシステムとシームレスに連携出来るように開発され...
Webにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワーク・「NeoBrutalismCSS」
NeoBrutalismCSS NeoBrutalismCSSはWebにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワークです。 デザインにおける「ネオ・ブルータリズム」は20世紀半ば頃のブルータリズム建築運動（W...
Nuxt.jsの為に設計された、モダンなWebアプリ向けのUIライブラリ・「Nuxt UI」
Nuxt UI Nuxt UIはNuxt.jsの為に設計された、モダンなWebアプリ向けのUIライブラリです。Nuxt.js公式による提供のUIコンポーネントコレクションでOSSとしてソースコードが公開されています。 アコーディ...
TradingView製の軽量で高速なオープンソースの金融データ向けチャートライブラリ・「TradingView Lightweight Charts™」
TradingView Lightweight Charts™ TradingView Lightweight Charts™はTradingView製の軽量で高速なオープンソースの金融データ向けチャートライブラリです。canvasを...
デバイスやOS、ブラウザなどユーザーエージェント情報を検出し、読みやすい形式で表示できる JavaScriptライブラリ・「UAParser.js」
UAParser.js UAParser.jsはデバイスやOS、ブラウザなどユーザーエージェント情報を検出し、読みやすい形式に変換する JavaScriptライブラリです。MITライセンスの元、オープンソースとしてソースコードが公開さ...
Vercelのv0と同じように、任意のプロンプトからWebのUIを自動生成するオープンソースの代替アプリ・「openv0」
openv0 openv0はVercelの公開したv0と同じように、任意のプロンプトからWebのUIを自動生成するオープンソースの代替アプリです。 ライブプレビューを使用して、React+TailwindのコンポーネントをAIで...
1つのHTML要素で実装できるCSSローダーのコードを500以上紹介している・「CSS Loaders」
CSS Loaders CSS Loadersは1つのHTML要素で実装できるCSSローダーのコードを500以上紹介しているCSSローダーのコレクションサイトです。動作デモをクリックすればコードのコピーが完了します。 全てのロー...
クラスやID、属性、疑似クラス、疑似要素等CSSセレクタの使い方をビジュアルで学べる・「CSS Selectors: A Visual Guide」
CSS Selectors: A Visual Guide CSS Selectors: A Visual GuideはクラスやID、属性、疑似クラス、疑似要素等CSSセレクタの使い方をビジュアルで学べるWebサイトです。 テキ...
AIアプリ等のプロジェクト向けにTailwindベースで作られたオープンソースのUIコンポーネント・「LangUI」
LangUI LangUIはAIアプリ等のプロジェクト向けにTailwindベースで作られたオープンソースのUIコンポーネントです。 AIアプリと言うか、ほぼAIチャット向けのUIという感じで、プロンプトの入力フォームや対話UI...
既存のフォームに簡単にドラッグ&ドロップによるファイルアップローダーを設置できるシンプルなJavaScriptライブラリ・「EasyDropzoneJS」
EasyDropzoneJS See the Pen Untitled by kachibito (@kachibito) on CodePen. EasyDropzoneJSは既存のフォームに簡単にドラッ...
サーバーサイド・アプリケーション構築のための、軽量で開発者フレンドリーなTypescriptフレームワーク・「Expresso TS」
Expresso TS Expresso TSはサーバーサイド・アプリケーション構築のための、軽量で開発者フレンドリーなTypescriptフレームワークです。MITライセンスの元、オープンソースとしてソースコードが公開されています。...
JSONやJavaScriptの配列を見やすく表示したり編集できるようにするReactコンポーネント・「react-json-view」
react-json-view react-json-viewはJSONやJavaScriptの配列を見やすく表示したり編集できるようにするReactコンポーネントです。 テーマ設定やダークモード等も備わっている他、ビューモード...
オープンソースのパワフルなChatGPT向けクライアントサイドJavaScriptライブラリ・「chatgpt.js」
chatgpt.js chatgpt.jsはオープンソースのパワフルなChatGPT向けクライアントサイドJavaScriptライブラリです。 豊富な機能が備わっており、オブジェクト指向で使いやすく軽量だそうです。例として、Br...
カスタマイズ可能なReact向けのリッチテキストエディターOSSフレームワーク・「Plate」
Plate PlateはReact向けのリッチテキストエディターOSSフレームワークです。名前からピンと来た方もいるかもしれませんが、slateを使ったテキストエディター開発をサポートする為のツールキットとなっています。 sla...
Webサイトツアーや任意の要素のハイライト、ヘルプを表示する等を実装できる軽量で非依存のJavaScriptライブラリ・「Driver.js」
Driver.js Driver.jsはWebサイトツアーや任意の要素のハイライト、ヘルプを表示する等を実装できる軽量で非依存のJavaScriptライブラリです。 APIが充実しており、幅広い用途で利用できるようになっています...
Tailwind.cssベースのパワフルで軽量なオープンソース管理画面テンプレート・「Tailbreeze」
Tailbreeze TailbreezeはTailwind.cssベースのパワフルで軽量なオープンソース管理画面テンプレートです。 この手のテンプレートはご存知のように数えきれないほど出回っていますが、Tailbreezeは中...
Alpine.jsとTailwin.cssの為のオープンソースUIライブラリ・「Pines」
Pines PinesはAlpine.jsとTailwin.cssの為のオープンソースUIライブラリです。両方を使用しているプロジェクトにコピペで導入できるUIを提供しています。 AlpineとTailwindを併用することで、...
読みやすさとブルータリズムのデザイン原則を融合させたオープンソースのBootstrapテーマ・「Brutopia」
Brutopia Brutopiaは読みやすさとブルータリズムのデザイン原則を融合させたオープンソースのBootstrapテーマです。 ブルータリズム(Wikipedia)とは建築様式の一種で、機能性の象徴的な様式だそうです。文...
使いやすくて超軽量、ゼロ依存なReactive UIフレームワーク・「VanJS」
VanJS VanJSは使いやすくて、1.2kBと超軽量且つゼロ依存の、React/JSXを使わないReactive UIフレームワークです。 Vanilla Javascrriptを略した名で、bashがターミナルのスクリプト...