React Nativeのプロトタイプを作成するためのオープンソースのプロトタイピングツール・「ProtoNative」 ProtoNative ProtoNativeはReact Nativeのプロトタイプを作成するためのオープンソースのプロトタイピングツールです。 Windows及びMacOSに対応したGUIアプリで非常にシンプルなUIで、ネス...2023.04.14 | 10時02分01秒
任意のプロンプトからReact + Tailwind.cssコンポーネントを生成してくれるAIコンポーネントジェネレーター・「Microapp.ai」 Microapp.ai Microapp.aiは任意のプロンプトからReact + Tailwind.cssコンポーネントを生成してくれるAIコンポーネントジェネレーターです。 計算機やパスワードジェネレーター等といった単純なア...2023.03.22 | 10時04分16秒
Radix UIとTailwind.cssで構築されたオープンソースのコンポーネント集・「shadcn/ui」 shadcn/ui shadcn/uiはRadix UIとTailwind.cssで構築されたオープンソースのコンポーネント集です。コンポーネントライブラリではなく、コレクションとして提供しているそうです。依存関係としてインストールし...2023.01.28 | 11時55分58秒
ドキュメントの進行とビジュアル等の表現を連動させるオープンソースのドキュメントツール・「Kodemo」 Kodemo Kodemoはドキュメントの進行とビジュアル等の表現を連動させるオープンソースのドキュメントツールです。 例えばAPIドキュメント等、特に技術文書に向けて開発されており、ハイライトされた画像やコード等を右ペインに表...2023.01.27 | 10時01分12秒
ReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワーク・「refine」 refine refineはReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワークです。 Create(作成)、Read(読み取り)、Update(更新)、Delete(削...2022.10.17 | 10時03分09秒
ブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれる拡張機能・「Locator.js」 Locator.js Locator.jsはブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれるブラウザ拡張機能です。Chrome、Edge、Brave、Opera、Firefoxなど主要ブラウザは概ね...2022.10.07 | 9時55分19秒
パフォーマンス重視でReact専用として作られたオープンソースのStorybook代替・「Ladle」 Ladle LadleはReact専用として作られたオープンソースのStorybook代替です。ControlsとCSFの互換があります。 ご存知の通りStorybookもオープンソースですが、Ladleはパフォーマンスを重視し...2022.10.04 | 10時03分47秒
スクロールやマウスの動きに合わせて視差効果を実装するReactライブラリ・「React Just Parallax」 React Just Parallax React Just Parallaxはスクロールやマウスの動きに合わせて視差効果を実装するReactライブラリです。軽量高速で簡単に書けるのが特長だそう。 マウスの動きに合わせた視差効果...2022.09.03 | 10時06分47秒
80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」 PrimeReact PrimeReactは80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリです。更に姉妹プロジェクトのprimeiconsで200以上のアイコンも用意されています。 We...2022.09.02 | 9時58分42秒
Material UIのReactコンポーネントで構築されているオープンソースの管理画面・「Minimal-UI」 Minimal-UI Minimal-UIはMaterial UIのReactコンポーネントで構築されているオープンソースのダッシュボードテンプレートです。 デモページが7ページほど用意されており、管理画面及びコンポーネントを構...2022.08.13 | 10時02分16秒
ノーコードでフォームを作成出来るオープンソースのTypeform代替・「snoopForms」 snoopForms snoopFormsはノーコードでフォームを作成出来るオープンソースのTypeform代替です。Next.js、React、Tailwind、Prismaを使用して構築されています。 ノーコードツールと...2022.08.02 | 9時49分50秒
Twitterなどでの口コミを収集してAirtableにデータを保存し、任意のWebページで紹介出来るOSS・「Open Testimonials」 Open Testimonials Open TestimonialsはTwitterなどでの口コミを収集してAirtableにデータを保存し、任意のWebページで紹介出来るOSSです。英語圏でのWebアプリ等で良く見られるUIですよ...2022.07.21 | 10時06分15秒
サイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebフレームワーク・「Redwood」 Redwood Redwoodはサイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebアプリケーションフレームワークです。 React、GraphQL、Prisma、TS、Jest、Storyb...2022.07.10 | 9時50分32秒
スクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリ・「Mockoops」 Mockoops Mockoopsはスクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリです。 モニターでの操作の状況を録画し、そのスクリーンキャストをアップロードし、あらかじめ用意された動...2022.07.08 | 10時04分46秒
高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベース・「helpkb」 helpkb helpkbは高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベースです。Markdown記法もサポートされています。 必要なものはすべて組み込まれているため、基本的にはプラグインやコーディ...2022.07.06 | 9時50分39秒
様々なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリ・「React Charts」 React Charts React Chartsは多種多様なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリです。 上動作デモのように、様々なタイプのグラフを描画可能で、表現にも非常に応用...2022.06.20 | 9時51分26秒
Reactベースで独自のWebアプリ向けコマンドパレットを作成出来る・「react-cmdk」 react-cmdk react-cmdkは独自のWebアプリ向けコマンドパレットを作成出来るReactコンポーネントパッケージです。開発者にはお馴染みのコマンドパレットをWebアプリ等に導入できる、というもの。 検索窓にテ...2022.06.11 | 9時54分49秒
アプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリ・「Formation」 Formation Formationはアプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリです。TypeScriptで書かれており、アクセシビリティ重視でWCAG 2.0に準拠、シンプル...2022.06.01 | 10時04分38秒
Express/MongoDB/Reactで構築されたオープンソースのTypeScriptヘッドレスCMS・「Payload」 Payload PayloadはExpress/MongoDB/Reactで構築されたオープンソースのTS製ヘッドレスCMSです。 ベータ版を1年ほど運用したのち、数日前に完全オープンソース化となりました。 OSS化の経緯...2022.05.30 | 10時02分14秒
ブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタ・「LetsMarkdown.com」 LetsMarkdown.com LetsMarkdown.comはブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタです。React.js、Vite.js、Chakra UIなどが採用されています。Markd...2022.05.21 | 10時04分58秒
高速なMagento製ECストアをReactで構築するためのオープンソースのフレームワーク・「GraphCommerce」 GraphCommerce GraphCommerceは高速で優れたUXのMagento製ECストアをReactで構築するためのオープンソースのフレームワークです。ハイエンドなEコマースPWAのスタイリングや設計に集中できるよう、必要...2022.05.09 | 10時02分09秒
EPGベースのタイムラインコンテンツを実装する為のReactコンポーネント・「Planby」 Planby PlanbyはEPGベースのタイムラインコンテンツを実装する為のReactコンポーネントです。OSSとしてソースコードが公開されています。 EPGとはTVやPCなどに、いわゆるTV番組表を表示するシステムでElec...2022.05.06 | 10時06分43秒