Resource - フレームワーク

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サイトです。 テキ...
Ads

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で、ネス...
Ads