Chakra UI向けに開発されたReactベースのオープンソース管理画面テンプレート・「Horizon UI」
Horizon UI Horizon UIはChakra UI向けに開発されたReactベースのオープンソース管理画面テンプレートです。高速でモダンな管理画面の開発をサポートしてくれます。 70以上のコンポーネントが用意されてお...
Resource - 複合/その他
無料で利用可能な静的Webサイト構築の為のボイラープレート・「Static Starter」
Static Starter Static Starterは無料で利用可能な静的Webサイト構築の為のボイラープレートです。開発者が培った過去のキャリアが元になったベストプラクティスが詰まっているのだそう。 初級者から中級者まで...
class属性を利用するCSSライクなデザインエンジン・「Master Styles」
Master Styles Master Stylesはclass属性を利用するCSSライクなデザインエンジンです。本サイトでは拡張された構文を持った仮想CSS言語と説明しています。 実際に見た方がどういう事か把握できると思うの...
シンプルさとカスタマイズ性の高さでUI設計をサポートするフロントエンドライブラリ・「Xtend UI」
Xtend UI Xtend UIはシンプルさとカスタマイズ性の高さでUI設計をサポートするフロントエンドライブラリです。A11y規格に準拠しておりアクセシビリティにも配慮されています。 Tailwind.css、vanilla...
TailwindとAntDesignにインスパイアされたオープンソースのUIコンポーネントライブラリ・「Supabase UI」
Supabase UI Supabase UIはTailwindとAntDesignにインスパイアされたオープンソースのUIコンポーネントライブラリです。 名前から想定できる通りFirebaseのオープンソース代替であるSupa...
Go、GraphQL、Javascriptで構築されたオープンソースの認証システム・「Authorizer」
Authorizer AuthorizerはGo、GraphQL、Javascriptで構築されたオープンソースの認証システムです。SDKが用意されておりわずか3分の作業で手軽に導入する事が出来るそうです。 認証はSNS等を使っ...
Vue.jsとTailwind.cssで設計されたオープンソースの管理画面テンプレート・「Aatrox」
Aatrox AatroxはVue.jsとTailwind.cssで設計されたオープンソースの管理画面テンプレートです。開発者フレンドリーで多機能、カスタマイズ性の高い管理画面の開発を目的としているそうです。 高い利便性と汎用性...
アクセシブルなモバイルアプリを構築する為のデザインファーストなUIキット・「Pearl UI」
Pearl UI Pearl UIはアクセシブルなモバイルアプリを構築する為のデザインファーストなUIキットです。現在のところ、Expoのマネージドワークフローを使用しているReact Nativeプロジェクトのみサポートされています...
アニメーションするグラデーションメッシュを作成、コードを発行してくれるジェネレーター・「whatamesh」
whatamesh whatameshはアニメーションするグラデーションメッシュを作成、コードを発行してくれるジェネレーターです。 2021年9月現在、Stripeのヘッダに使われているようなやつを作れる、みたいなアプリです。 ...
Webページの大まかなスタイルをざっくり決めてCSSコードを発行できる・「SHAPER」
SHAPER SHAPERWebページの大まかなスタイルをざっくり決めてCSSコードを発行できるOSSです。 ツールバーでタイポグラフィ、テキストやユニット、ボタンなどのスペースサイズ、カラースキーム、角丸の有無に加えてダークモ...
リアルタイムコラボレーション機能を備えたオープンソースの地図アプリ・「Mapus」
Mapus Mapusはリアルタイムコラボレーション機能を備えたオープンソースの地図アプリです。複数人が同時進行で地図にマーキングしたり距離を測ったり検索したり施設を探したり線を引いたり絵を描いたり、といった事が可能です。地図データは...
Next.jsとTailwind.cssで作るブログの為のスターターキット・「Nextjs Blog Boilerplate」
Nextjs Blog Boilerplate Nextjs Blog BoilerplateはNext.jsとTailwind.cssで作るブログの為のスターターキットです。静的サイトジェネレーターとして機能します。 コンテン...
Tailwind.cssベースのオープンソースReact UIキット・「Windy」
Windy WindyはTailwind.cssベースのReact UIキットです。簡単で素早くWebサイトを作成えきてカスタマイズしやすいよう設計されたそうです。 各コンポーネントのスタイルは内部のデフォルトテーマでスタイリン...
オープンソースとして公開されているBootstrap向けのナレッジベース用テンプレート・「KnowledgeBase.dev」
KnowledgeBase.dev KnowledgeBase.devはオープンソースとして公開されているBootstrap向けのナレッジベース用テンプレートです。 トップページ以外に数ページ用意されており、最低限のナレッジベー...
スピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリ・「Elementz」
Elementz Elementzはスピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリです。 基本的なコンポーネントの構成は従来のUIライブラリの類と似たようなものですが、Elementzでは他ラ...
他デバイス複数人で同時にローカル環境の動画ファイルを閲覧、チャット等もできるOSS・「Local Party」
Local Party Local Partyはローカル環境の動画ファイルを複数人で同時にそれぞれ異なるデバイス同士で閲覧、チャット等もできるOSSです。 チャットツールのように部屋を作成するようです。ただ、それぞれが同じ動画フ...
Tailwind.cssとReactベースで構築されたオープンソースのマテリアルデザインUIキット・「Material Tailwind Kit React」
Material Tailwind Kit React Material Tailwind Kit ReactはTailwind.cssとReactベースで構築されたオープンソースのマテリアルデザインUIキットです。 名前そのま...
オープンソースのTailwind.css/React製ダッシュボードテンプレート・「Tailwind dashboard template」
Tailwind dashboard template Tailwind dashboard templateはオープンソースのTailwind.css/React製ダッシュボードテンプレートです。チャート実装の為、Chart.jsも...
カスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワーク・「Madosel」
Madosel Madoselはカスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワークです。 レイアウトや各所サイズ、マージンなどを細かくclassで用意したユーティリティメインのCSSフレームワ...
オープンソースとして公開されているBootstrap5ベースの管理画面テンプレート・「Soft UI Dashboard」
Soft UI Dashboard Soft UI Dashboardはオープンソースとして公開されているBootstrap5ベースの管理画面テンプレートです。 名前通り、柔らかい印象のスタイルで長時間見ていても疲れを感じさせな...
CSSやJavScript等の便利なコードスニペットを収集している・「DevSamples」
DevSamples DevSamplesはCSSやJavScript等の便利なコードスニペットを収集しているWebサイトです。 CSSやJS、Node、Git、ReactやSvelte、HTMLなど開発時にたびたびググりがちな...
React.js/Bootstrapベースのオープンソースの管理画面テンプレート・「Volt React」
Volt React Volt ReactはReact.js/Bootstrapベースのオープンソースの管理画面テンプレートです。 100以上のコンポーネントと10のサンプルページが用意されており、RWD対応、WCAGに準拠して...