コピペで使える様々なTailwindベースのUIコンポーネントを提供する・「Business Wish」
Business Wishはコピペで使える様々なTailwindベースのUIコンポーネントを提供するWebサイトです。既にTailwindで使えるclassの含まれたスタイリング済のHTMLコードを公開しており、コピペで使えるようにされています。
Resource - フレームワーク
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アプリ開発の為に作られたオープンソースの開発スターターキットです。堅牢性、拡張性、開発のしやすさを提供するために設計さており、そのためにツールキットのコアとなる依存関係及び開発ツールが設けられています。
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コンポーネントとなっており、シンプルで美しいスタイルを重視して設計されています。
予め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はクロスプラットフォーム対応の柔軟で見やすいオープンソースのチャートライブラリです。開発者曰く、単なるクロスプラットフォームのチャート・ライブラリではなく、表現力豊かな「データの語り手」として機能するそうです...