Resource - reactjs

Next.jsベースの様々なテンプレートやboilerplateを無料で配布する・「Next.js Templates」

Next.js TemplatesはNext.jsベースの様々なテンプレートやboilerplate、スターターキットなどを無料で配布するプロジェクトサイトです。

ReactやNext.js向けに作られたコピペ可能なオープンソースのTailwindベースランディングページコンポーネント・「Page UI」

Page UIはReactやNext.js向けに作られたコピペ可能なオープンソースのTailwindベースランディングページコンポーネントです。Reactアプリ等でLPを頻繁に作成、更新する際に重宝しそうです。

アカウント登録もメールアドレス等も一切不要で使えるオープンソースのファイル共有アプリ・「DropIT」

DropITはアカウント登録もメールアドレス等も一切不要で使えるオープンソースのファイル共有アプリです。Nexxt.js、FastAPI、Edge Functions (Vercel)、MongoDB、Supabase Storageなどで構成されているそうです。
Ads

Notionライクなテキストエディターや解析ツールが組み込まれたオープンソースのミニマルなブログシステム・「Nucelo」

NuceloはNotionライクなテキストエディターや解析ツールが組み込まれたオープンソースのミニマルなブログシステムです。Notionのように使えるテキストエディターやアクセス解析、シンプルなメーリングリスト、コンテンツのパスワード保護、 Open Graph設定機能等がビルトインされています。

Next.jsベースのSaaS開発に必要なものを一式揃えたオープンソースの開発キット・「Next.js SaaS kit」

Next.js SaaS kitはNext.jsベースのSaaS開発に必要なものを一式揃えたオープンソースの開発キットです。MITライセンスの元でソースコードが公開されています。SaaSに実装不可欠な機能を予め用意し、開発をサポートします。

コピペで使えるTailwind.cssとReactによるアニメーション、エフェクト、インタラクションのコレクション・「Animata」

Animataはコピペで使えるTailwind.cssとReactによるアニメーション、エフェクト、インタラクションのコレクションです。タイトル通りで、既存のReactアプリ等にコピペでアニメーションコンテンツを追加可能なコンポーネントを手作業でコレクション化したそうです。

TodoistのUIクローンとして開発されたAI搭載のオープンソースのTodoアプリ・「TodoVex」

TodoVexはAI搭載のオープンソースのTodoistクローンです。タスクの自動整理やチーム利用対応(Todoistの有償プラン)、自然言語認識などの独自機能まで同等と言う訳ではなく、基本的にはUIのクローンとなっていますが、Todoistでは有償プラン枠で使える生成AIが基本機能として導入されている、というものになります。

ポドモーロタイマーやタイムボクシングもサポートされたオープンソースの個人用Todoアプリ・「Unlistr」

Unlistrはポドモーロタイマーやタイムボクシングもサポートされたオープンソースの個人用Todoアプリです。React.js、Node.js、Express、<a href="https://pouchdb.com/">PouchDB</a>(ファイルベースのDB)で構成されているそうです。

高度なカスタマイズも可能なオープンソースのReact向けデータビジュアライゼーションコンポーネントのコレクション・「reaviz」

reavizは高度なカスタマイズも可能なオープンソースのReact向けデータビジュアライゼーションコンポーネントのコレクションです。完成されたデザインで提供されており、d3.jsとFramer Motionによるスムーズなアニメーションを使ってデータ可視化の表現幅を広げます。

紙に書いたアプリのアイデアをWebカメラで映すとAIがそのアイデアを元にReactでアプリを生成するOSS・「sketch2app」

sketch2appは紙に書いたアプリのアイデアをWebカメラで映すとAIがそのアイデアを元にReactでアプリを生成するOSSです。紙に描いたアプリのアイデアをWebカメラに映すと、GPT4 Visionモデルがそのアイデアが書かれた絵や文字を解析し、アプリを生成する、というもの。

shadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネント・「cult/ui」

cult/uiはshadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネントです。コンポーネントのデザインは、実装とは切り離して考えるべき、という考えから、ライブラリ等のようにインストールせずコードをコピペして利用するコンポーネントのコレクションとして提供されています。

Next.jsアプリ用に設計されたオープンソースの動的SVG管理パッケージ・「svgMagic」

svgMagic svgMagicはNext.jsアプリ用に設計されたオープンソースの動的SVG管理パッケージです。1回のインストール、1行のコード、1回のインポートのみでSVGファイルにおける作業を大幅に軽減できる、というものになり...

Tailwind.cssとFramer Motionをベースに設計されたオープンソースのエンタープライズ向けReact コンポーネント・「Reablocks」

ReablocksはTailwind.cssとFramer Motionをベースに設計されたオープンソースのエンタープライズ向けReact コンポーネントです。高度なカスタマイズと美しくデザインされたUIでエンタープライズ向けの製品開発に使える事を念頭に設計しているそうです。

React及びNext.jsアプリにシームレスに統合できるよう開発された100以上のオープンソースUIコンポーネント集・「xBesh UI」

xBesh UIはReact及びNext.jsアプリにシームレスに統合できるよう開発された100以上のオープンソースUIコンポーネント集です。shadcn/uiと何が違うの、と思われた方もいるかもしれませんがお察しの通りでshadcn/uiにインスパイアされて開発されたshadcn/ui代替となっています。

様々な解析が出来るAI搭載のオープンソースの画像切り抜きツール・「Snippai」

Snippaiは様々な解析が出来るAI搭載のオープンソースの画像切り抜きツールです。Electron, React、TypeScriptで構成されており、Win、MacOSに対応したデスクトップアプリとして提供されています。

ShopifyのStorefront APIを使って、わずかな時間でECサイトを立ち上げられるオープンソースのNext.js製e-コマーススターター・「Enterprise Commerce」

Enterprise Commerceはわずかな時間でECサイトを立ち上げられるオープンソースのNext.js製e-コマーススターターです。ShopifyのStorefront APIを使う仕様となっています。Shopify Storefront APIの用意とワンクックでVercelにデプロイできる事から「わずかな時間でECサイトを立ち上げる」事を可能としています。

React・React Native向けに作られた、大量のアイコンから選択できるアイコンライブラリ・「rocketicons」

rocketiconsはReact・React Native向けに作られた、大量のアイコンから選択できるアイコンライブラリです。ReactとReact Nativeの両方で同じコードで動作するよう作られているとの事です。

コピー&ペーストで使えるshadcn-ui向けのWebサイト用ブロックを無償提供する・「TWBlocks」

TWBlocksはコピー&ペーストで使えるshadcn-ui向けのWebサイト用ブロックを無償提供するプロジェクトサイトです。SaaS向けに提供してるそうです。

Reactアプリ向けに構築されたオープンソースのNotionライクなリッチテキストエディター・「Yoopta-Editor」

Yoopta-EditorはReactアプリ向けに構築されたオープンソースのNotionライクなリッチテキストエディターです。MITライセンスの元でソースコードが公開されています。

URLを入力するとAIがそのページを分かりやすく要約してくれるオープンソースのWebアプリ・「Smart-Summarizer」

Smart-SummarizerはURLを入力するとAIがそのページを分かりやすく要約してくれるオープンソースのWebアプリです。LLMは基本的にはGPT-4モデルベースとなっているみたいです。

様々なタイプの組織などに対応可能なオープンソースのオンライン投票プラットフォーム・「eBoto」

eBotoは様々なタイプの組織などに対応可能なオープンソースのオンライン投票プラットフォームです。汎用性の高さと使いやすいUIが特長で、OSSにする事で安全性と透明性も強調しています。技術スタックにはTurboRepo、Next.js、Supabase、tRPC、Lemon Squeezy、Vercel、PostHog、Zodなどが採用されています。

クイズ、マインドマップ、フラッシュカードなどを使った生成AIによるOSS教育アプリ・「Evelyn」

Evelynはクイズ、マインドマップ、フラッシュカードなどを使った生成AIによるOSS教育アプリです。実験的なものだそうで、vercel-ai-sdk-quizをフォークしてカスタマイズしているみたいです。上記SSのように、Start a quiz about~と入力するとAIが問題を出してくるので答える、解答後に詳細を教えてくれる、というものになります。
Ads