Resource - reactjs

Radix UIとTailwind.cssで構築されたオープンソースのコンポーネント集・「shadcn/ui」

shadcn/ui shadcn/uiはRadix UIとTailwind.cssで構築されたオープンソースのコンポーネント集です。コンポーネントライブラリではなく、コレクションとして提供しているそうです。依存関係としてインストールし...

ドキュメントの進行とビジュアル等の表現を連動させるオープンソースのドキュメントツール・「Kodemo」

Kodemo Kodemoはドキュメントの進行とビジュアル等の表現を連動させるオープンソースのドキュメントツールです。 例えばAPIドキュメント等、特に技術文書に向けて開発されており、ハイライトされた画像やコード等を右ペインに表...

ReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワーク・「refine」

refine refineはReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワークです。 Create(作成)、Read(読み取り)、Update(更新)、Delete(削...
Ads

ブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれる拡張機能・「Locator.js」

Locator.js Locator.jsはブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれるブラウザ拡張機能です。Chrome、Edge、Brave、Opera、Firefoxなど主要ブラウザは概ね...

パフォーマンス重視でReact専用として作られたオープンソースのStorybook代替・「Ladle」

Ladle LadleはReact専用として作られたオープンソースのStorybook代替です。ControlsとCSFの互換があります。 ご存知の通りStorybookもオープンソースですが、Ladleはパフォーマンスを重視し...

スクロールやマウスの動きに合わせて視差効果を実装するReactライブラリ・「React Just Parallax」

React Just Parallax React Just Parallaxはスクロールやマウスの動きに合わせて視差効果を実装するReactライブラリです。軽量高速で簡単に書けるのが特長だそう。 マウスの動きに合わせた視差効果...

80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」

PrimeReact PrimeReactは80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリです。更に姉妹プロジェクトのprimeiconsで200以上のアイコンも用意されています。 We...

Material UIのReactコンポーネントで構築されているオープンソースの管理画面・「Minimal-UI」

Minimal-UI Minimal-UIはMaterial UIのReactコンポーネントで構築されているオープンソースのダッシュボードテンプレートです。 デモページが7ページほど用意されており、管理画面及びコンポーネントを構...

ノーコードでフォームを作成出来るオープンソースのTypeform代替・「snoopForms」

snoopForms snoopFormsはノーコードでフォームを作成出来るオープンソースのTypeform代替です。Next.js、React、Tailwind、Prismaを使用して構築されています。 ノーコードツールと...

Twitterなどでの口コミを収集してAirtableにデータを保存し、任意のWebページで紹介出来るOSS・「Open Testimonials」

Open Testimonials Open TestimonialsはTwitterなどでの口コミを収集してAirtableにデータを保存し、任意のWebページで紹介出来るOSSです。英語圏でのWebアプリ等で良く見られるUIですよ...

サイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebフレームワーク・「Redwood」

Redwood Redwoodはサイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebアプリケーションフレームワークです。 React、GraphQL、Prisma、TS、Jest、Storyb...

スクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリ・「Mockoops」

Mockoops Mockoopsはスクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリです。 モニターでの操作の状況を録画し、そのスクリーンキャストをアップロードし、あらかじめ用意された動...

高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベース・「helpkb」

helpkb helpkbは高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベースです。Markdown記法もサポートされています。 必要なものはすべて組み込まれているため、基本的にはプラグインやコーディ...

様々なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリ・「React Charts」

React Charts React Chartsは多種多様なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリです。 上動作デモのように、様々なタイプのグラフを描画可能で、表現にも非常に応用...

Reactベースで独自のWebアプリ向けコマンドパレットを作成出来る・「react-cmdk」

react-cmdk react-cmdkは独自のWebアプリ向けコマンドパレットを作成出来るReactコンポーネントパッケージです。開発者にはお馴染みのコマンドパレットをWebアプリ等に導入できる、というもの。 検索窓にテ...

アプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリ・「Formation」

Formation Formationはアプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリです。TypeScriptで書かれており、アクセシビリティ重視でWCAG 2.0に準拠、シンプル...

Express/MongoDB/Reactで構築されたオープンソースのTypeScriptヘッドレスCMS・「Payload」

Payload PayloadはExpress/MongoDB/Reactで構築されたオープンソースのTS製ヘッドレスCMSです。 ベータ版を1年ほど運用したのち、数日前に完全オープンソース化となりました。 OSS化の経緯...

ブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタ・「LetsMarkdown.com」

LetsMarkdown.com LetsMarkdown.comはブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタです。React.js、Vite.js、Chakra UIなどが採用されています。Markd...

高速なMagento製ECストアをReactで構築するためのオープンソースのフレームワーク・「GraphCommerce」

GraphCommerce GraphCommerceは高速で優れたUXのMagento製ECストアをReactで構築するためのオープンソースのフレームワークです。ハイエンドなEコマースPWAのスタイリングや設計に集中できるよう、必要...

EPGベースのタイムラインコンテンツを実装する為のReactコンポーネント・「Planby」

Planby PlanbyはEPGベースのタイムラインコンテンツを実装する為のReactコンポーネントです。OSSとしてソースコードが公開されています。 EPGとはTVやPCなどに、いわゆるTV番組表を表示するシステムでElec...

手軽にモダンなスクロールエクスペリエンスを構築できる軽量Reactライブラリ・「scrollex」

scrollex scrollexは手軽にモダンなスクロールエクスペリエンスを構築できる軽量Reactライブラリです。スクロールに応じてコンテンツをスマートに表示したり画像等を切り替えたりといった演出を手軽に実装する事が出来ます。 ...

テキスト/アイコンベースのシンプルなアバターを生成するReactライブラリ・「Avvvatars」

Avvvatars Avvvatarsはテキスト/アイコンベースのシンプルなアバターを生成するReactライブラリです。任意の画像等を選択しないユーザーの為のもの、という感じ。 40の色と60のアイコン、入力されたテキスト(ユー...
Ads