Vercelのv0と同じように、任意のプロンプトからWebのUIを自動生成するオープンソースの代替アプリ・「openv0」
openv0 openv0はVercelの公開したv0と同じように、任意のプロンプトからWebのUIを自動生成するオープンソースの代替アプリです。 ライブプレビューを使用して、React+TailwindのコンポーネントをAIで...
Resource - フレームワーク
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がターミナルのスクリプト...
SvelteとTailwind.cssで構築されたオープンソースのUIコンポーネントライブラリ・「Flowbite Svelte」
Flowbite Svelte Flowbite SvelteはSvelteとTailwind.cssで構築されたオープンソースのUIコンポーネントライブラリで、Svelteのために開発されたFlowbite公式コンポーネントライブラ...
CSSをTailwind.css向けにリアルタイム変換するOSS・「CSS To Tailwind」
CSS To Tailwind CSS To TailwindはCSSをTailwind.css向けにリアルタイム変換するOSSです。 CSSをTailwindに変換、というと語弊があるかもですが、要は書いたCSSに該当するTa...
Vue、vite、TypeScriptで構築されたオープンソースの管理画面テンプレート・「Vue vben admin」
Vue vben admin Vue vben adminはVue、vite、TypeScriptで構築されたオープンソースの管理画面テンプレートです。 高速性とカスタマイズ性を重視しているようで、素早いレスポンスと、ナビゲーシ...
Streamlit代替となる、データアプリを作成するためのオープンソースのフレームワーク・「Streamsync」
Streamsync StreamsyncはStreamlit代替となる、データアプリを作成するためのオープンソースのフレームワークです。 データサイエンスや機械学習向けとなっており、ビジュアルエディタを使ってUIを構築、バック...
簡単な設定で実装できるスクロール連動アニメーションライブラリ・「Trig.js」
Trig.js See the Pen Untitled by kachibito (@kachibito) on CodePen. Trig.jsは簡単な設定で実装できるスクロール連動アニメーションライブ...
オープンソースで公開されているTailwind.cssベースの管理画面テンプレート・「TailAdmin」
TailAdmin TailAdminはオープンソースで公開されているTailwind.cssベースの管理画面テンプレートです。 プロジェクトのページは有償版の特徴で、OSSとして公開されているものはGithubに詳細が書かれて...
Firebase + React.js + StripeでSaaSやユーザーポータルを構築するためのオープンソースのフレームワーク・「Fireactjs」
Fireactjs FireactjsはFirebase + React.js + StripeでSaaSやユーザーポータルを構築するためのオープンソースのフレームワークです。 コンポーネントベースになるように設計されており、独...
React Nativeのプロトタイプを作成するためのオープンソースのプロトタイピングツール・「ProtoNative」
ProtoNative ProtoNativeはReact Nativeのプロトタイプを作成するためのオープンソースのプロトタイピングツールです。 Windows及びMacOSに対応したGUIアプリで非常にシンプルなUIで、ネス...