Resource - reactjs

CHAKRA UIベースのオープンソースの管理画面テンプレート・「Purity UI Dashboard」

Purity UI Dashboard Purity UI DashboardはReact.jsのコンUIポーネントライブラリであるCHAKRA UIベースのオープンソースの管理画面テンプレートです。チャートにはApexCharts....

Windows10のUIをReactで再現したOSS・「mindows」

mindows mindowsはWindows10のUIをReactで再現したOSSです。ミニマルなWinodws10、というキャッチで設計しています。 初期設定のユーザー登録を行う所から再現されており、マルチユーザー登録も可能...

Webアプリ向けに開発されたReactベースのUIデザインシステム・「Welcome UI」

Welcome UI Welcome UIはWebアプリ向けに開発されたReactベースのUIデザインシステムです。reactをベースに、styled-components、styled-system、reakitなどが導入されていま...
Ads

Next.jsベースのオープンソース静的サイトジェネレーター・「Nextra」

Nextra NextraはNext.jsベースのオープンソース静的サイトジェネレーターです。 Markdownサポート(MDX)、サイトバーに自動生成されるページ内リンク機能のサポート、コードのシンタックスハイライト、他言語化...

ダークモードも搭載したTailwind.cssベースのReact UIコンポーネントのセット・「Vechai UI」

Vechai UI Vechai UIはダークモードも搭載したTailwind.cssベースのReact UIコンポーネントのセットです。 PrimerとChakra UIにインスパイアされて開発、公開したそうです。 チェ...

Tailwind.cssベースのオープンソースReact UIキット・「Windy」

Windy WindyはTailwind.cssベースのReact UIキットです。簡単で素早くWebサイトを作成えきてカスタマイズしやすいよう設計されたそうです。 各コンポーネントのスタイルは内部のデフォルトテーマでスタイリン...

スピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリ・「Elementz」

Elementz Elementzはスピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリです。 基本的なコンポーネントの構成は従来のUIライブラリの類と似たようなものですが、Elementzでは他ラ...

シンプルな2ペインのReact製Markdownエディター・「react-md-editor」

react-md-editor react-md-editorはシンプルで使いやすい2ペインのReact製Markdownエディターです。従来品同様に記述エリアとプレビューエリアに分かれており、即反映されるようになっています。 ...

Tailwind.cssとReactベースで構築されたオープンソースのマテリアルデザインUIキット・「Material Tailwind Kit React」

Material Tailwind Kit React Material Tailwind Kit ReactはTailwind.cssとReactベースで構築されたオープンソースのマテリアルデザインUIキットです。 名前そのま...

シンプルで汎用的なアバターを生成するオープンソースのReactライブラリ・「react-nice-avatar」

react-nice-avatar react-nice-avatarはシンプルで汎用的なアバターを生成するオープンソースのReactライブラリです。 性別や表情、髪型やその色、服や肌の色、耳や鼻のサイズなど顔の各パーツや背景等...

任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」

Boring Avatars Boring Avatarsは任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリです。 テキストを入力すると、そのテキストに合わせて内容が変化する、というもの...

オープンソースのTailwind.css/React製ダッシュボードテンプレート・「Tailwind dashboard template」

Tailwind dashboard template Tailwind dashboard templateはオープンソースのTailwind.css/React製ダッシュボードテンプレートです。チャート実装の為、Chart.jsも...

チャット風のフォームを実装できるスクリプト・「chatty-form」

chatty-form chatty-formはチャット風のフォームを実装できるスクリプトです。React向けに設計されています。かなり昔にChattyというjQueryのプラグインがありましたが同じような感じのものです。 質問...

他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替・「Calendso」

Calendso Calendsoは他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替アプリです。 ホスティングサービスとして展開していますがOSSなのでセルフホスト、カスタマイズも可能です。...

シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」

bangle.dev bangle.devはシンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキットです。 基本的にはReactで使う事を想定した設計で今後はVueもサポートする予定との事です。...

React.js/Bootstrapベースのオープンソースの管理画面テンプレート・「Volt React」

Volt React Volt ReactはReact.js/Bootstrapベースのオープンソースの管理画面テンプレートです。 100以上のコンポーネントと10のサンプルページが用意されており、RWD対応、WCAGに準拠して...

Notionのようなスラッシュコマンドが使えるOSSなノートアプリ・「Notion Clone」

Notion Clone Notion CloneはNotionのようなスラッシュコマンドが使えるOSSなノートアプリです。Next.jsが採用されています。 ブロックレベルのエディタでHTMLやNotionライクなスラッシュコ...

Reactアプリ向けのローダーを作れるWebアプリ・「Loader generator」

Loader generator Loader generatorはReactアプリ向けのローダーを作れるWebアプリです。 ドットタイプのローダーで、ドットの数や色、サイズ(幅と高さ)、各ドット同士の距離、透過やアニメーション...

Reactベースのシンプルでタッチフレンドリーな日付ピッカー・「React Nice Dates」

React Nice Dates React Nice DatesはReactベースのシンプルでタッチフレンドリーな日付ピッカーです。 タッチデバイスで指でタップしやすいように日付同士は間隔をあけられていたり、上下にドラッグする...

Notionにインスパイアされたオープンソースのカンバンボード付きノートアプリ・「Notence」

Notence NotenceはNotionにインスパイアされたオープンソースのカンバンボード付きノートアプリです。 Markdownで書けるノート機能と、Todoリストやプロジェクト管理が出来るカンバンボードが備えられており、...

タッチデバイスフレンドリーなブロックレベルのコンテンツエディターライブラリ・「SmartBlock」

SmartBlock See the Pen SmartBlock Demo by kachibito (@kachibito) on CodePen. SmartBlockはッチデバイスフレンドリーなブロックレベ...

未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワーク・「Arwes」

Arwes Arwesは未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワークです。React.jsベースとなっています。 サイバーパンクのようなものをイメージして作ったみたいです。Webアプリケーション等に使える独...
Ads