Next.jsベースのSaaS開発に必要なものを一式揃えたオープンソースの開発キット・「Next.js SaaS kit」
Next.js SaaS kitはNext.jsベースのSaaS開発に必要なものを一式揃えたオープンソースの開発キットです。MITライセンスの元でソースコードが公開されています。SaaSに実装不可欠な機能を予め用意し、開発をサポートします。
Resource - フレームワーク
コピペで使えるTailwind.cssとReactによるアニメーション、エフェクト、インタラクションのコレクション・「Animata」
Animataはコピペで使えるTailwind.cssとReactによるアニメーション、エフェクト、インタラクションのコレクションです。タイトル通りで、既存のReactアプリ等にコピペでアニメーションコンテンツを追加可能なコンポーネントを手作業でコレクション化したそうです。
水平タイプのタイムラインを手軽に作成出来るjQuery.Timelineの機能を継承し、TypeScriptで設計し直したタイムラインライブラリ・「Sunorhc.Timeline」
Sunorhc.Timelineは水平タイプのタイムラインを手軽に作成出来るjQuery.Timelineの機能を継承し、TypeScriptで設計し直したタイムラインライブラリです。代替ではなく後継版として設計してるそうです。
インタラクティブなマップ作成のためのLeaflet用Svelteコンポーネントライブラリ・「Sveaflet」
Sveafletはインタラクティブなマップ作成のためのLeaflet用Svelteコンポーネントライブラリです。Svelteフレームワークで人気のマップライブラリであるLeaflet.jsを使えるようにします。
柔軟性と拡張性を重視したクロスプラットフォーム対応のシンプルなオープンソースWYSIWYGエディター・「Quill」
Quillは柔軟性と拡張性を重視したクロスプラットフォーム対応のシンプルなオープンソースWYSIWYGエディターです。小規模プロジェクトから大規模なアプリ等まで対応可能、ニーズに合わせてカスタマイズできるシンプルなAPIを提供する開発者に優しい設計となっています。
Flutterライクな構文で書けるオープンソースのデータ視覚化JavaScriptライブラリ・「Flitter」
FlitterはFlutterライクな構文で書けるオープンソースのデータ視覚化JavaScriptライブラリです。Flutterを使い慣れている方に開発エクスペリエンスを提供する目的で開発されています。GoogleはFlutter APIを美しく且つ効率的な設計がなされており、このFlutter APIをコピーする事で、少ない労力でデータ視覚化を実現できると考えて開発されています。
CRUD操作やソート、エクスポートなどの管理が可能なWebアプリ向けの動的テーブルライブラリ・「TeaTable」
TeaTableはCRUD操作やソート、エクスポートなどの管理が可能なWebアプリ向けの動的テーブルJavaScriptライブラリです。データを追加するだけで、読み取り、作成、更新、削除などのCRUD操作が可能な他、ソートや検索、フルスクリーン表示、CSVエクスポート、ページ分割などもサポートされており、RWDにも対応しています。
シンプルで軽量且つパワフルなtextarea用のシンタックスハイライトJavaScriptライブラリ・「SimpleSyntaxJs」
SimpleSyntaxJsはシンプルで軽量且つパワフルなtextarea用のシンタックスハイライトJavaScriptライブラリです。テキストエリアでコードのシンタックスハイライトを可能にする、というJSライブラリで、非依存、軽量でシンプルに使えるよう設計されています。
shadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネント・「cult/ui」
cult/uiはshadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネントです。コンポーネントのデザインは、実装とは切り離して考えるべき、という考えから、ライブラリ等のようにインストールせずコードをコピペして利用するコンポーネントのコレクションとして提供されています。
SvelteKitの柔軟性とSupabaseの堅牢性を組み合わせたオープンソースの開発スターターキット・「KianKit」
KianKitはSvelteKitの柔軟性とSupabaseの堅牢性を組み合わせたオープンソースの開発スターターキットです。フレームワークにSvelteKit、Firebase代替のSupabase、UIコンポーネントライブラリにShadcn/ui、CSSフレームワークにTailwind、アイコンにLucide及びFortawesomeなどを用意し、開発速度を短縮できるようスターターキットとして提供されています。
Next.jsアプリ用に設計されたオープンソースの動的SVG管理パッケージ・「svgMagic」
svgMagic svgMagicはNext.jsアプリ用に設計されたオープンソースの動的SVG管理パッケージです。1回のインストール、1行のコード、1回のインポートのみでSVGファイルにおける作業を大幅に軽減できる、というものになり...
非依存で設定等もJavaScriptも不要、HTML要素にクリーンなプリセットスタイルを適用するCSSフレームワーク・「matcha.css」
matcha.cssは非依存で設定等もJavaScriptも不要、HTML要素にクリーンなプリセットスタイルを適用するCSSフレームワークです。柔軟性のあるCSSリセットというイメージです。
React及びNext.jsアプリにシームレスに統合できるよう開発された100以上のオープンソースUIコンポーネント集・「xBesh UI」
xBesh UIはReact及びNext.jsアプリにシームレスに統合できるよう開発された100以上のオープンソースUIコンポーネント集です。shadcn/uiと何が違うの、と思われた方もいるかもしれませんがお察しの通りでshadcn/uiにインスパイアされて開発されたshadcn/ui代替となっています。
コピペで使える様々なTailwindベースのUIコンポーネントを提供する・「Business Wish」
Business Wishはコピペで使える様々なTailwindベースのUIコンポーネントを提供するWebサイトです。既にTailwindで使えるclassの含まれたスタイリング済のHTMLコードを公開しており、コピペで使えるようにされています。
Webサイトのコンテンツが盗用されにくいよう防ぐためのシンプルなスクリプト・「NoPeek」
NoPeekはWebサイトのコンテンツが盗用されにくいよう防ぐためのシンプルなスクリプトです。ものすごく今更感ある話題ですが今になっても盗用問題は無くなっていないので少しでも減って欲しいという想いを込めて。簡単な保護法を手軽に導入できる、というものなので期待したものではないかもしれませんが、内容としては従来通り右クリック禁止、デベロッパーツール起動禁止、テキスト選択不可など、アナログな盗用法を一括で防ぐ、というものになります。
オープンソースのFlutterアプリ制作ボイラープレート・「DevToDollars」
DevToDollarsはオープンソースのFlutterアプリ制作ボイラープレートです。怪しい名前のプロジェクトですが、Flutterアプリ開発のテンプレートを用意している、というものになります。MITライセンスの元で公開されています。
シンプルでフレキシブルなフルスタックReactフレームワーク・「Firebolt」
FireboltはシンプルでフレキシブルなフルスタックReactフレームワークです。シンプルさを念頭に置いた設計で、機能低下をさせずに複雑さを軽減する事で様々なWebアプリ構築の高速化をサポートします。
1つのHTML要素とCSSだけで作れる様々なスタイルの吹き出しを作るためのコードをコピーできる・「CSS Generators: Tooltips & Speech Bubbles」
CSS Generators: Tooltips & Speech Bubblesは1つのHTML要素とCSSだけで作れる様々なスタイルの吹き出しを作るためのコードをコピーできるWebサイトです。
Tailwind.cssとの併用も可能な、ミニマルで汎用的なCSSコンポーネント・「Winduum」
WinduumはTailwind.cssとの併用も可能な、ミニマルで汎用的なCSSコンポーネントです。単体でも利用可能ですがTailwind.cssのプラグインとしても使えるようになっています。リセットを含むレイアウト向けのCSS、各ユーティリティ、各UI、コンポーネントなどなどWinduumだけでしっかり様々なタイプのWebサイトやWebアプリに対応できるようになっています。
ユーティリティでclamp()を簡単に生成できるようにするTailwindプラグイン・「Fluid for Tailwind CSS」
Fluid for Tailwind CSSはユーティリティでclamp()を簡単に生成できるようにするTailwindプラグインです。コードの記述量を減らし、より見栄えのいいRWDの対応をサポートします
コピペで簡単利用も出来るオープンソースのTailwindベースUIコンポーネントライブラリ・「Tailframes」
Tailframesはシンプルで使いやすいオープンソースのTailwindベースUIコンポーネントライブラリです。コピペで簡単利用できるよう各コンポーネントのコードやサンプルも公開されています。
SaaSアプリ開発の為に作られたオープンソースの開発スターターキット・「Open Micro SaaS」
Open Micro SaaSはSaaSアプリ開発の為に作られたオープンソースの開発スターターキットです。堅牢性、拡張性、開発のしやすさを提供するために設計さており、そのためにツールキットのコアとなる依存関係及び開発ツールが設けられています。