Resource - フレームワーク

SaaSアプリ開発の為に作られたオープンソースの開発スターターキット・「Open Micro SaaS」

Open Micro SaaSはSaaSアプリ開発の為に作られたオープンソースの開発スターターキットです。堅牢性、拡張性、開発のしやすさを提供するために設計さており、そのためにツールキットのコアとなる依存関係及び開発ツールが設けられています。

FigmaとTailwind.cssをベースに大量のUIコンポーネントを備えたオープンソースのUIライブラリ・「Pagedone」

PagedoneはFigmaとTailwind.cssをベースに大量のUIコンポーネントを備えたオープンソースのUIライブラリです。Figmaでデザインされ、Tailwind.cssのutility-classes上に構築されたコンポーネント集で、モーダルやドロップダウン、タブ、ツールチップにトーストなどインタラクティブに動作させるUIのためのJavaScriptも含まれています。

Tailwind.cssと統合出来るように設計されたスタイルレスAngularコンポーネント・「Headwind UI」

Headwind UIはTailwind.cssと統合出来るように設計されたスタイルレスAngularコンポーネントです。Headless UIがAngularをサポートしていなくて苦労している開発者のために作ったそうです。Headwind UIは「Angular.jsを使いたい開発者にHeadless Component(スタイルレスなコンポーネント)を提供する」ために開発されました。
Ads

日付ベースのアクティビティと傾向を視覚化する軽量JavaScriptライブラリ・「Heat.js」

Heat.js Heat.jsは日付ベースのアクティビティと傾向を視覚化する軽量JavaScriptライブラリです。MITライセンスの元でソースコードが公開されています。 プロジェクトページにはヒートマップチャートの生成、と書い...

shadcn/uiにインスパイアされたオープンソースのモバイル向けUIコンポーネント・「mobilecn UI」

mobilecn UIはshadcn/uiにインスパイアされたオープンソースのモバイル向けUIコンポーネントです。mobilecn UIにはReact Native向けのNativecn UIとSwiftUI向けのSwiftcn UIが用意されており、いずれもカスタマイズしやすく複雑な設定も不要ですぐに使えるUIコンポーネントとなっており、シンプルで美しいスタイルを重視して設計されています。

予め600以上の関数が用意されており、目的に合わせて構築できるオープンソースのDiscordボット開発ライブラリ・「aoi.js」

aoi.jsは予め600以上の関数が用意されており、目的に合わせて構築できるオープンソースのDiscordボット開発ライブラリです。ボットを自作しやすいよう設計されていますが、フレームワークのような類ではなく、既に作られている関数を使ってボットを作成出来る、というもの。

選択する主色に合わせて調和色を同時検出してくれるReact向けのカラーピッカー・「Harmony」

Harmonyは選択する主色に合わせて調和色を同時検出してくれるReactアプリ向けのカラーピッカーです。カラーホイールから選択するタイプになっています。従来のカラーピッカーのように、ただ色を取得するだけでなく、基本的には複数色を同時取得するためのもので、1つのメインカラーを取得するだけで、その色と調和する色を自動で同時取得してくれます。

React Native製アプリの動的UIを作成するためのOSS・「Design Blocks」

Design BlocksはReact Native製アプリの動的UIを作成するためのOSSです。開発者のエクスペリエンスを重視して開発されたもので、極力学習コストを掛けず、よりアプリ開発に集中できる事をゴールにしているそうです。

Tailwind.cssの様々なUIコンポーネントのデザインサンプルを大量に公開している・「Tailwind CSS Components」

Tailwind CSS ComponentsはTailwind.cssの様々なUIコンポーネントのデザインサンプルを大量に公開しているプロジェクトサイトです。プロジェクトサイトでは特に何か機能がある訳ではなく、純粋にCSSスタイリングのサンプルを表示しているのみで、ソースコードはGithubで公開しています。

Next.js等の代替となるオープンソースのフロントエンドフレームワーク・「Nue」

Nueはオープンソースのフロントエンドフレームワーク/静的サイトジェネレーターです。Next.jsおよびAstroの代替手段となるよう開発されています。

Vue.jsでフォームを開発するためのオープンソースのフレームワーク・「Vueform」

VueformはVue.jsでフォームを開発するためのオープンソースのフレームワークです。フォーム要素は基本的に全てサポート、ノーコードツールも用意されています。

再利用可能でスケーラブルなデザインシステムを構築するためのヘッドレスUIライブラリ・「Ark UI」

Ark UIは再利用可能でスケーラブルなデザインシステムを構築するためのヘッドレスUIライブラリです。ReactやVueの他、Solidもサポート、更に今後はSveteのサポートも予定しているそうです。

three.jsと同様の機能に加え、3DガウススプラッティングもサポートしたオープンソースのJavaScriptライブラリ・「gsplat.js」

gsplat.jsはthree.jsと同様の機能に加え、3DガウススプラッティングもサポートしたオープンソースのJavaScriptライブラリです。ただ、基本的には3Dガウススプラッティングライブラリとして提供しているみたいです。

クロスプラットフォーム対応の柔軟で見やすいオープンソースのチャートライブラリ・「VChart」

VChart VChartはクロスプラットフォーム対応の柔軟で見やすいオープンソースのチャートライブラリです。開発者曰く、単なるクロスプラットフォームのチャート・ライブラリではなく、表現力豊かな「データの語り手」として機能するそうです...

シンプルで見やすく使いやすいオープンソースのReact UIライブラリ・「WoozDesign」

WoozDesign WoozDesignはシンプルで見やすく使いやすいオープンソースのReact UIライブラリです。Webアプリ用として設計されたみたいです。 無駄のないスタイルでフィンテックや解析、分析、など情報を正しく明...

SvelteとTailwindをベースにしたオープンソースのモバイル向けWebコンポーネントライブラリ・「STDF」

STDF STDFはSvelteとTailwindをベースにしたオープンソースのモバイル向けWebコンポーネントライブラリです。 オンラインでも高速に動作し、豊富なAPIによりニーズに合わせたコンポーネントスタイルの設定が可能、...

「いいね」や「賛成」、「レビュー」などのコンテキストをシームレスにアプリに統合できるコンポーネント・「Clickvote」

Clickvote Clickvoteは「Like(いいね)」や「Upvote(賛成票)」、「Review(レビュー)」、などのコンテキストをシームレスにアプリに統合できるOSSコンポーネントです。 現在はReactのみですが、...

レスポンシブでアクセシブルなUIコンポーネントのライブラリ・「Rafty UI」

Rafty UI Rafty UIはレスポンシブでアクセシブルなUIコンポーネントのライブラリです。デザインシステムの構築を簡単にしてくれるとの事です。 開発しているアプリのデザインシステムとシームレスに連携出来るように開発され...

Webにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワーク・「NeoBrutalismCSS」

NeoBrutalismCSS NeoBrutalismCSSはWebにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワークです。 デザインにおける「ネオ・ブルータリズム」は20世紀半ば頃のブルータリズム建築運動(W...

Nuxt.jsの為に設計された、モダンなWebアプリ向けのUIライブラリ・「Nuxt UI」

Nuxt UI Nuxt UIはNuxt.jsの為に設計された、モダンなWebアプリ向けのUIライブラリです。Nuxt.js公式による提供のUIコンポーネントコレクションでOSSとしてソースコードが公開されています。 アコーディ...

TradingView製の軽量で高速なオープンソースの金融データ向けチャートライブラリ・「TradingView Lightweight Charts™」

TradingView Lightweight Charts™ TradingView Lightweight Charts™はTradingView製の軽量で高速なオープンソースの金融データ向けチャートライブラリです。canvasを...

デバイスやOS、ブラウザなどユーザーエージェント情報を検出し、読みやすい形式で表示できる JavaScriptライブラリ・「UAParser.js」

UAParser.js UAParser.jsはデバイスやOS、ブラウザなどユーザーエージェント情報を検出し、読みやすい形式に変換する JavaScriptライブラリです。MITライセンスの元、オープンソースとしてソースコードが公開さ...
Ads