50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのOSS・「PoemKit」 PoemKit PoemKitは50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのオープンソースのWeb開発キットです。 Reactを使ったUIキットで、サーバーサイドレンダリングによる高速な...2021.11.16 | 9時48分32秒
モダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリ・「Semi UI」 Semi UI Semi UIはモダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリです。TikTokフロントエンド技術チームによって開発されています。 UIコンポーネントは大量に用意されており、W...2021.11.05 | 10時03分29秒
React開発者向けのオープンソースのプロトタイピングツール・「ReacType」 ReacType ReacTypeはReact開発者向けに開発されたプロトタイピングのためのユーザーフレンドリーなGUIです。オープンソースとして提供されており、Windows、Mac、Linuxなど各OSに対応しています。 ド...2021.10.12 | 10時01分29秒
Web Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリ・「Motion One」 Motion One Motion OneはWeb Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリです。 使い方も以下のようにとてもシンプルで、軽量なAnime.jsのさらに半分のファイ...2021.09.27 | 9時52分37秒
CHAKRA UIベースのオープンソースの管理画面テンプレート・「Purity UI Dashboard」 Purity UI Dashboard Purity UI DashboardはReact.jsのコンUIポーネントライブラリであるCHAKRA UIベースのオープンソースの管理画面テンプレートです。チャートにはApexCharts....2021.09.14 | 10時07分09秒
Windows10のUIをReactで再現したOSS・「mindows」 mindows mindowsはWindows10のUIをReactで再現したOSSです。ミニマルなWinodws10、というキャッチで設計しています。 初期設定のユーザー登録を行う所から再現されており、マルチユーザー登録も可能...2021.09.05 | 10時06分42秒
Webアプリ向けに開発されたReactベースのUIデザインシステム・「Welcome UI」 Welcome UI Welcome UIはWebアプリ向けに開発されたReactベースのUIデザインシステムです。reactをベースに、styled-components、styled-system、reakitなどが導入されていま...2021.08.06 | 10時06分25秒
Next.jsベースのオープンソース静的サイトジェネレーター・「Nextra」 Nextra NextraはNext.jsベースのオープンソース静的サイトジェネレーターです。 Markdownサポート(MDX)、サイトバーに自動生成されるページ内リンク機能のサポート、コードのシンタックスハイライト、他言語化...2021.07.17 | 10時05分47秒
ダークモードも搭載したTailwind.cssベースのReact UIコンポーネントのセット・「Vechai UI」 Vechai UI Vechai UIはダークモードも搭載したTailwind.cssベースのReact UIコンポーネントのセットです。 PrimerとChakra UIにインスパイアされて開発、公開したそうです。 チェ...2021.07.13 | 10時05分57秒
Tailwind.cssベースのオープンソースReact UIキット・「Windy」 Windy WindyはTailwind.cssベースのReact UIキットです。簡単で素早くWebサイトを作成えきてカスタマイズしやすいよう設計されたそうです。 各コンポーネントのスタイルは内部のデフォルトテーマでスタイリン...2021.07.08 | 10時03分18秒
スピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリ・「Elementz」 Elementz Elementzはスピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリです。 基本的なコンポーネントの構成は従来のUIライブラリの類と似たようなものですが、Elementzでは他ラ...2021.06.23 | 10時00分03秒
シンプルな2ペインのReact製Markdownエディター・「react-md-editor」 react-md-editor react-md-editorはシンプルで使いやすい2ペインのReact製Markdownエディターです。従来品同様に記述エリアとプレビューエリアに分かれており、即反映されるようになっています。 ...2021.06.19 | 10時04分38秒
Tailwind.cssとReactベースで構築されたオープンソースのマテリアルデザインUIキット・「Material Tailwind Kit React」 Material Tailwind Kit React Material Tailwind Kit ReactはTailwind.cssとReactベースで構築されたオープンソースのマテリアルデザインUIキットです。 名前そのま...2021.06.11 | 10時00分12秒
シンプルで汎用的なアバターを生成するオープンソースのReactライブラリ・「react-nice-avatar」 react-nice-avatar react-nice-avatarはシンプルで汎用的なアバターを生成するオープンソースのReactライブラリです。 性別や表情、髪型やその色、服や肌の色、耳や鼻のサイズなど顔の各パーツや背景等...2021.06.03 | 10時05分19秒
任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」 Boring Avatars Boring Avatarsは任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリです。 テキストを入力すると、そのテキストに合わせて内容が変化する、というもの...2021.05.31 | 10時01分42秒
オープンソースのTailwind.css/React製ダッシュボードテンプレート・「Tailwind dashboard template」 Tailwind dashboard template Tailwind dashboard templateはオープンソースのTailwind.css/React製ダッシュボードテンプレートです。チャート実装の為、Chart.jsも...2021.05.06 | 10時10分11秒
チャット風のフォームを実装できるスクリプト・「chatty-form」 chatty-form chatty-formはチャット風のフォームを実装できるスクリプトです。React向けに設計されています。かなり昔にChattyというjQueryのプラグインがありましたが同じような感じのものです。 質問...2021.04.23 | 10時04分33秒
他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替・「Calendso」 Calendso Calendsoは他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替アプリです。 ホスティングサービスとして展開していますがOSSなのでセルフホスト、カスタマイズも可能です。...2021.04.16 | 10時02分20秒
シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」 bangle.dev bangle.devはシンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキットです。 基本的にはReactで使う事を想定した設計で今後はVueもサポートする予定との事です。...2021.02.15 | 10時02分41秒
React.js/Bootstrapベースのオープンソースの管理画面テンプレート・「Volt React」 Volt React Volt ReactはReact.js/Bootstrapベースのオープンソースの管理画面テンプレートです。 100以上のコンポーネントと10のサンプルページが用意されており、RWD対応、WCAGに準拠して...2021.01.28 | 10時06分55秒
Notionのようなスラッシュコマンドが使えるOSSなノートアプリ・「Notion Clone」 Notion Clone Notion CloneはNotionのようなスラッシュコマンドが使えるOSSなノートアプリです。Next.jsが採用されています。 ブロックレベルのエディタでHTMLやNotionライクなスラッシュコ...2020.11.20 | 9時59分20秒
Reactアプリ向けのローダーを作れるWebアプリ・「Loader generator」 Loader generator Loader generatorはReactアプリ向けのローダーを作れるWebアプリです。 ドットタイプのローダーで、ドットの数や色、サイズ(幅と高さ)、各ドット同士の距離、透過やアニメーション...2020.11.07 | 10時04分20秒