コピペで使える様々なTailwindベースのUIコンポーネントを提供する・「Business Wish」
Business Wishはコピペで使える様々なTailwindベースのUIコンポーネントを提供するWebサイトです。既にTailwindで使えるclassの含まれたスタイリング済のHTMLコードを公開しており、コピペで使えるようにされています。
Resource - フロントエンドエンジニア向け
v0のようにプロンプトからAIがUIを構築してくれるOSS・「OpenUI」
OpenUIはv0のようにプロンプトからAIがUIを構築してくれるOSSです。少し前に話題になったVercelの生成AIによるUIジェネレーターのv0と同じようにプロンプトからUIを自動構築してくれるOSSの代替、というようなものになります。
AstroとBulma.cssで設計されたオープンソースのブログテンプレート・「Astro Minimal」
Astro MinimalはAstroとBulma.cssで設計されたオープンソースのブログテンプレートです。静的サイトジェネレーターのAstroとCSSフレームワークのBulma.cssを組み合わせたミニマルなブログを構築できる、というもの。
Google Sheetsをベースにしたオープンソースのバグ報告システム・「bugbox」
bugboxはGoogle Sheetsをベースにしたオープンソースのバグ報告システムです。バックエンド不要で手軽にバグ報告の管理が出来るようになる、というもの。
効率的な時間管理を重視したオープンソースのタスク管理アプリ・「Timefall」
Timefallは効率的な時間管理を重視したオープンソースのタスク管理アプリです。ElectronとVueで構築されており、AGPLライセンスの元でOSSとしてソースコードが公開されています。
映画やアニメなどのレビューサイトを構築するためのOSS・「Plotwist」
Plotwistは映画やアニメなどのレビューサイトを構築するためのOSSです。エンタメ系の口コミや情報共有サイトという感じのアプリを構築できる、というものになります。 映画のタイトルや説明、レビュー、評価スコア、閲覧可能なサービスへのリンク、似た映画のリスト、画像のリスト、参考動画のリスト、出演者なども表示可能、出演者も個々でページ生成されるようで、その出演者の他の映画のリストなども実装可能、多言語化対応で日本語も用意されています。
任意のフォルダ内のMarkdownファイル全てにアクセスしたり自動で目次を生成したりキーワード検索を可能にするWebベースのMarkdownビューア・「Compiiile」
Compiiileは任意のフォルダ内のMarkdownファイル全てにアクセスしたり自動で目次を生成したりキーワード検索を可能にするWebベースのMarkdownビューアです。Markdownで文章化したものをそのまま本番環境で使えるように出来るシンプルなUIのビューアツールが欲しくて作ったそうです。
様々なテキストコンテンツの作成が可能なNext.jsベースのオープンソース生成AIライティング支援アプリ・「Synapsy Write」
Synapsy Writeは様々なテキストコンテンツの作成が可能なNext.jsベースのオープンソース生成AIライティング支援アプリです。Webページやブログ、エッセイなど様々なライティングを支援してくれる、というもの。
シンプルでフレキシブルなフルスタックReactフレームワーク・「Firebolt」
FireboltはシンプルでフレキシブルなフルスタックReactフレームワークです。シンプルさを念頭に置いた設計で、機能低下をさせずに複雑さを軽減する事で様々なWebアプリ構築の高速化をサポートします。
SplitWise代替となるオープンソースの割り勘アプリ・「SplitPro」
SplitProはSplitWise代替となるオープンソースの割り勘アプリです。数日前に同じような割り勘アプリのSpliitをご紹介しましたが、こちらも同様にグループ内の経費の割り勘を代行してくれる、というものになります。
設置も簡単なNext.jsベースのオープンソースなコメントシステム・「Zoomment」
Zoommentは設置も簡単なNext.jsベースのオープンソースなコメントシステムです。MITライセンスの元でソースコードが公開されています。カスタマイズできるテーマ、リアルタイム通知、RSSサポート、絵文字によるリアクション投稿などの機能があり、任意のWebサイトに簡単に設置できるよう設計されています。
Nuxtとシームレスに統合出来るオープンソースのCMS・「Pruvious」
PruviousはNuxtとシームレスに統合出来るオープンソースのCMSです。Vue.jsフレームワークであるNuxtをベースにしたアプリケーションをCMSに変換するNustモジュールとして提供されています。
Nuxt.jsベースのオープンソース静的ブログエンジン・「Bloggr」
BloggrはNuxt.jsベースのオープンソース静的ブログエンジンです。Vue.jsフレームワークのNuxt.jsと、Vue.js開発者向けのGitベースのヘッドレスCMSであるNuxt-contentで設計されています。
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アプリ開発の為に作られたオープンソースの開発スターターキットです。堅牢性、拡張性、開発のしやすさを提供するために設計さており、そのためにツールキットのコアとなる依存関係及び開発ツールが設けられています。
VS Codeの拡張機能として開発されたGithub Copilotライクな完全オープンソースのAIコード補完プラグイン・「Twinny」
TwinnyはVS Codeの拡張機能として開発されたGithub Copilotライクな完全オープンソースのAIコード補完プラグインです。完全に無料且つ完全にプライベートである事も仕様の1つとしているため、無料と言いつつAPIキー代金はかかる、といった事も無いようローカルでLLM推論を実行するOllamaやllama.cpp、LM Studio等とシームレスに動作するよう設計されています。
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（スタイルレスなコンポーネント）を提供する」ために開発されました。
日付ベースのアクティビティと傾向を視覚化する軽量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コンポーネントとなっており、シンプルで美しいスタイルを重視して設計されています。