Resource - reactjs

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代替となっています。
Ads

様々な解析が出来る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が問題を出してくるので答える、解答後に詳細を教えてくれる、というものになります。

Spotify APIを使って任意の音楽を検索、30秒再生やお気に入り登録等ができるオープンソースWebアプリ・「v-music」

v-musicは、Spotify APIを使ってユーザーが任意の音楽を検索、音楽のプレビュー再生(30秒)やお気に入りなどが出来るWebアプリです。React、Bootstrap、Spotify Web API ( throught nocodeapi ) で構築されています。

映画やアニメなどのレビューサイトを構築するためのOSS・「Plotwist」

Plotwistは映画やアニメなどのレビューサイトを構築するためのOSSです。エンタメ系の口コミや情報共有サイトという感じのアプリを構築できる、というものになります。 映画のタイトルや説明、レビュー、評価スコア、閲覧可能なサービスへのリンク、似た映画のリスト、画像のリスト、参考動画のリスト、出演者なども表示可能、出演者も個々でページ生成されるようで、その出演者の他の映画のリストなども実装可能、多言語化対応で日本語も用意されています。

使いやすくシンプルなオープンソースの軽量フォーラム・「Youdeyiwu」

Youdeyiwuは使いやすくシンプルなオープンソースの軽量フォーラムです。JavaとReact(Next.js)で構成、ページレンダリングの高速化による優れたUXを提供し、インストールも利用もシンプルで簡単、フロントエンドとバックエンドを分離し、カスタマイズ性も重視しています。

効率性と安全性を重視したオープンソースのノート作成アプリ・「Rubium」

Rubiumは効率性と安全性を重視したオープンソースのノート作成アプリです。また、高速性、整理整頓のしやすさ、プライバシーの保護を重要視する方にもオススメとの事。現在アルファ版で、有償ノートアプリの代替として開発しているそうです。

様々なテキストコンテンツの作成が可能なNext.jsベースのオープンソース生成AIライティング支援アプリ・「Synapsy Write」

Synapsy Writeは様々なテキストコンテンツの作成が可能なNext.jsベースのオープンソース生成AIライティング支援アプリです。Webページやブログ、エッセイなど様々なライティングを支援してくれる、というもの。

シンプルでフレキシブルなフルスタックReactフレームワーク・「Firebolt」

FireboltはシンプルでフレキシブルなフルスタックReactフレームワークです。シンプルさを念頭に置いた設計で、機能低下をさせずに複雑さを軽減する事で様々なWebアプリ構築の高速化をサポートします。

設置も簡単なNext.jsベースのオープンソースなコメントシステム・「Zoomment」

Zoommentは設置も簡単なNext.jsベースのオープンソースなコメントシステムです。MITライセンスの元でソースコードが公開されています。カスタマイズできるテーマ、リアルタイム通知、RSSサポート、絵文字によるリアクション投稿などの機能があり、任意のWebサイトに簡単に設置できるよう設計されています。

オープンソースのAIベースのタイピング練習アプリ・「FluentTypeAI」

FluentTypeAIはオープンソースのAIベースのタイピング練習アプリです。フロントエンドにReact + Next.js + Tailwind.css、バックエンドにMongoDB + Node.jsで構成されています。

ドメイン分析のためのWebアプリを構築できるオープンソースのツールキット・「Domain Digger」

Domain Diggerはドメイン分析のためのWebアプリを構築できるオープンソースのツールキットです。任意のドメインを入力するだけでDNS情報の取得、位置情報を含むIP情報取得、異なるグローバルサーバー間でのDNS検索実行、DNSデータの視覚化、WHOISデータ検索、SSL/TLS証明書の変更履歴追跡などが可能なWebアプリとして提供され、ブックマークレットも用意されています。

選択する主色に合わせて調和色を同時検出してくれるReact向けのカラーピッカー・「Harmony」

Harmonyは選択する主色に合わせて調和色を同時検出してくれるReactアプリ向けのカラーピッカーです。カラーホイールから選択するタイプになっています。従来のカラーピッカーのように、ただ色を取得するだけでなく、基本的には複数色を同時取得するためのもので、1つのメインカラーを取得するだけで、その色と調和する色を自動で同時取得してくれます。

ノーコードで簡単なアンケートフォームを作成、公開、管理できるオープンソースのWebアプリ・「FormsLab」

FormsLabはノーコードで簡単なアンケートフォームを作成、公開、管理できるオープンソースのWebアプリです。簡単なアンケートや評価、簡易フィードバックなど、いわゆるサーベイツールとなっており、ノーコードでアンケートを作成、公開、結果を管理画面で確認、グラフ化するというもの。
Ads