Vercelのv0と同じように、任意のプロンプトからWebのUIを自動生成するオープンソースの代替アプリ・「openv0」 openv0 openv0はVercelの公開したv0と同じように、任意のプロンプトからWebのUIを自動生成するオープンソースの代替アプリです。 ライブプレビューを使用して、React+TailwindのコンポーネントをAIで...2023.09.22 | 10時02分05秒
1つのHTML要素で実装できるCSSローダーのコードを500以上紹介している・「CSS Loaders」 CSS Loaders CSS Loadersは1つのHTML要素で実装できるCSSローダーのコードを500以上紹介しているCSSローダーのコレクションサイトです。動作デモをクリックすればコードのコピーが完了します。 全てのロー...2023.09.03 | 10時09分29秒
クラスやID、属性、疑似クラス、疑似要素等CSSセレクタの使い方をビジュアルで学べる・「CSS Selectors: A Visual Guide」 CSS Selectors: A Visual Guide CSS Selectors: A Visual GuideはクラスやID、属性、疑似クラス、疑似要素等CSSセレクタの使い方をビジュアルで学べるWebサイトです。 テキ...2023.08.19 | 10時02分10秒
AIアプリ等のプロジェクト向けにTailwindベースで作られたオープンソースのUIコンポーネント・「LangUI」 LangUI LangUIはAIアプリ等のプロジェクト向けにTailwindベースで作られたオープンソースのUIコンポーネントです。 AIアプリと言うか、ほぼAIチャット向けのUIという感じで、プロンプトの入力フォームや対話UI...2023.08.12 | 10時04分39秒
既存のフォームに簡単にドラッグ&ドロップによるファイルアップローダーを設置できるシンプルなJavaScriptライブラリ・「EasyDropzoneJS」 EasyDropzoneJS See the Pen Untitled by kachibito (@kachibito) on CodePen. EasyDropzoneJSは既存のフォームに簡単にドラッ...2023.08.07 | 10時04分41秒
サーバーサイド・アプリケーション構築のための、軽量で開発者フレンドリーなTypescriptフレームワーク・「Expresso TS」 Expresso TS Expresso TSはサーバーサイド・アプリケーション構築のための、軽量で開発者フレンドリーなTypescriptフレームワークです。MITライセンスの元、オープンソースとしてソースコードが公開されています。...2023.08.03 | 10時04分02秒
JSONやJavaScriptの配列を見やすく表示したり編集できるようにするReactコンポーネント・「react-json-view」 react-json-view react-json-viewはJSONやJavaScriptの配列を見やすく表示したり編集できるようにするReactコンポーネントです。 テーマ設定やダークモード等も備わっている他、ビューモード...2023.07.27 | 9時55分40秒
オープンソースのパワフルなChatGPT向けクライアントサイドJavaScriptライブラリ・「chatgpt.js」 chatgpt.js chatgpt.jsはオープンソースのパワフルなChatGPT向けクライアントサイドJavaScriptライブラリです。 豊富な機能が備わっており、オブジェクト指向で使いやすく軽量だそうです。例として、Br...2023.07.17 | 10時02分55秒
カスタマイズ可能なReact向けのリッチテキストエディターOSSフレームワーク・「Plate」 Plate PlateはReact向けのリッチテキストエディターOSSフレームワークです。名前からピンと来た方もいるかもしれませんが、slateを使ったテキストエディター開発をサポートする為のツールキットとなっています。 sla...2023.07.16 | 10時02分18秒
Webサイトツアーや任意の要素のハイライト、ヘルプを表示する等を実装できる軽量で非依存のJavaScriptライブラリ・「Driver.js」 Driver.js Driver.jsはWebサイトツアーや任意の要素のハイライト、ヘルプを表示する等を実装できる軽量で非依存のJavaScriptライブラリです。 APIが充実しており、幅広い用途で利用できるようになっています...2023.07.08 | 10時03分59秒
Tailwind.cssベースのパワフルで軽量なオープンソース管理画面テンプレート・「Tailbreeze」 Tailbreeze TailbreezeはTailwind.cssベースのパワフルで軽量なオープンソース管理画面テンプレートです。 この手のテンプレートはご存知のように数えきれないほど出回っていますが、Tailbreezeは中...2023.07.04 | 10時02分44秒
Alpine.jsとTailwin.cssの為のオープンソースUIライブラリ・「Pines」 Pines PinesはAlpine.jsとTailwin.cssの為のオープンソースUIライブラリです。両方を使用しているプロジェクトにコピペで導入できるUIを提供しています。 AlpineとTailwindを併用することで、...2023.06.23 | 10時02分52秒
読みやすさとブルータリズムのデザイン原則を融合させたオープンソースのBootstrapテーマ・「Brutopia」 Brutopia Brutopiaは読みやすさとブルータリズムのデザイン原則を融合させたオープンソースのBootstrapテーマです。 ブルータリズム(Wikipedia)とは建築様式の一種で、機能性の象徴的な様式だそうです。文...2023.06.11 | 10時03分24秒
使いやすくて超軽量、ゼロ依存なReactive UIフレームワーク・「VanJS」 VanJS VanJSは使いやすくて、1.2kBと超軽量且つゼロ依存の、React/JSXを使わないReactive UIフレームワークです。 Vanilla Javascrriptを略した名で、bashがターミナルのスクリプト...2023.05.26 | 10時02分10秒
SvelteとTailwind.cssで構築されたオープンソースのUIコンポーネントライブラリ・「Flowbite Svelte」 Flowbite Svelte Flowbite SvelteはSvelteとTailwind.cssで構築されたオープンソースのUIコンポーネントライブラリで、Svelteのために開発されたFlowbite公式コンポーネントライブラ...2023.05.25 | 9時58分55秒
CSSをTailwind.css向けにリアルタイム変換するOSS・「CSS To Tailwind」 CSS To Tailwind CSS To TailwindはCSSをTailwind.css向けにリアルタイム変換するOSSです。 CSSをTailwindに変換、というと語弊があるかもですが、要は書いたCSSに該当するTa...2023.05.09 | 10時04分06秒
Vue、vite、TypeScriptで構築されたオープンソースの管理画面テンプレート・「Vue vben admin」 Vue vben admin Vue vben adminはVue、vite、TypeScriptで構築されたオープンソースの管理画面テンプレートです。 高速性とカスタマイズ性を重視しているようで、素早いレスポンスと、ナビゲーシ...2023.05.08 | 9時56分45秒
Streamlit代替となる、データアプリを作成するためのオープンソースのフレームワーク・「Streamsync」 Streamsync StreamsyncはStreamlit代替となる、データアプリを作成するためのオープンソースのフレームワークです。 データサイエンスや機械学習向けとなっており、ビジュアルエディタを使ってUIを構築、バック...2023.05.06 | 10時02分55秒
簡単な設定で実装できるスクロール連動アニメーションライブラリ・「Trig.js」 Trig.js See the Pen Untitled by kachibito (@kachibito) on CodePen. Trig.jsは簡単な設定で実装できるスクロール連動アニメーションライブ...2023.04.22 | 10時02分48秒
オープンソースで公開されているTailwind.cssベースの管理画面テンプレート・「TailAdmin」 TailAdmin TailAdminはオープンソースで公開されているTailwind.cssベースの管理画面テンプレートです。 プロジェクトのページは有償版の特徴で、OSSとして公開されているものはGithubに詳細が書かれて...2023.04.18 | 10時02分13秒
Firebase + React.js + StripeでSaaSやユーザーポータルを構築するためのオープンソースのフレームワーク・「Fireactjs」 Fireactjs FireactjsはFirebase + React.js + StripeでSaaSやユーザーポータルを構築するためのオープンソースのフレームワークです。 コンポーネントベースになるように設計されており、独...2023.04.16 | 10時03分34秒
React Nativeのプロトタイプを作成するためのオープンソースのプロトタイピングツール・「ProtoNative」 ProtoNative ProtoNativeはReact Nativeのプロトタイプを作成するためのオープンソースのプロトタイピングツールです。 Windows及びMacOSに対応したGUIアプリで非常にシンプルなUIで、ネス...2023.04.14 | 10時02分01秒