Resource - Tailwind

SvelteをベースとしたオープンソースのSaaS向けboilerplate・「Just Ship」

Just ShipはSvelteをベースとしたオープンソースのSaaS向けboilerplateです。SaaS開発プロセスにおける、必須だけど退屈な作業を事前に済まされた開発スターターキットとして提供されています。

紙に書いたアプリのアイデアをWebカメラで映すとAIがそのアイデアを元にReactでアプリを生成するOSS・「sketch2app」

sketch2appは紙に書いたアプリのアイデアをWebカメラで映すとAIがそのアイデアを元にReactでアプリを生成するOSSです。紙に描いたアプリのアイデアをWebカメラに映すと、GPT4 Visionモデルがそのアイデアが書かれた絵や文字を解析し、アプリを生成する、というもの。

shadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネント・「cult/ui」

cult/uiはshadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネントです。コンポーネントのデザインは、実装とは切り離して考えるべき、という考えから、ライブラリ等のようにインストールせずコードをコピペして利用するコンポーネントのコレクションとして提供されています。
Ads

Next.jsアプリ用に設計されたオープンソースの動的SVG管理パッケージ・「svgMagic」

svgMagic svgMagicはNext.jsアプリ用に設計されたオープンソースの動的SVG管理パッケージです。1回のインストール、1行のコード、1回のインポートのみでSVGファイルにおける作業を大幅に軽減できる、というものになり...

Tailwind.cssとFramer Motionをベースに設計されたオープンソースのエンタープライズ向けReact コンポーネント・「Reablocks」

ReablocksはTailwind.cssとFramer Motionをベースに設計されたオープンソースのエンタープライズ向けReact コンポーネントです。高度なカスタマイズと美しくデザインされたUIでエンタープライズ向けの製品開発に使える事を念頭に設計しているそうです。

React及びNext.jsアプリにシームレスに統合できるよう開発された100以上のオープンソースUIコンポーネント集・「xBesh UI」

xBesh UIはReact及びNext.jsアプリにシームレスに統合できるよう開発された100以上のオープンソースUIコンポーネント集です。shadcn/uiと何が違うの、と思われた方もいるかもしれませんがお察しの通りでshadcn/uiにインスパイアされて開発されたshadcn/ui代替となっています。

React・React Native向けに作られた、大量のアイコンから選択できるアイコンライブラリ・「rocketicons」

rocketiconsはReact・React Native向けに作られた、大量のアイコンから選択できるアイコンライブラリです。ReactとReact Nativeの両方で同じコードで動作するよう作られているとの事です。

さまざまな開発者向けサービス等のロゴをSVGで提供する・「Svgl」

Svglはさまざまな開発者向けサービス等のロゴをSVGで提供するSVGロゴ配布サイトです。OSSとしてソースコードも公開されています。SveltekitとTailwindで構築しているそうです。従来のアイコン配布サイト等ではあまり見かけなかったものも多く用意されています。

コピー&ペーストで使えるshadcn-ui向けのWebサイト用ブロックを無償提供する・「TWBlocks」

TWBlocksはコピー&ペーストで使えるshadcn-ui向けのWebサイト用ブロックを無償提供するプロジェクトサイトです。SaaS向けに提供してるそうです。

コピペで使える様々なTailwindベースのUIコンポーネントを提供する・「Business Wish」

Business Wishはコピペで使える様々なTailwindベースのUIコンポーネントを提供するWebサイトです。既にTailwindで使えるclassの含まれたスタイリング済のHTMLコードを公開しており、コピペで使えるようにされています。

電子メールのエクスペリエンスを一新するためにゼロから構築されたオープンソースのメールアプリ・「UnInbox」

UnInboxは電子メールのエクスペリエンスを一新するためにゼロから構築されたオープンソースのメールアプリです。一般的なメールの基本的な機能は概ね備わっているのはもちろん、シンプルで分かりやすいUI、RE: RE: RE:や添付ファイルが見つからない等のさまざまな無駄やノイズの削除、プライバシーファーストなどに重点を置いており、いつでもソースコードを確認出来る様OSSとして公開されています。

映画やアニメなどのレビューサイトを構築するためのOSS・「Plotwist」

Plotwistは映画やアニメなどのレビューサイトを構築するためのOSSです。エンタメ系の口コミや情報共有サイトという感じのアプリを構築できる、というものになります。 映画のタイトルや説明、レビュー、評価スコア、閲覧可能なサービスへのリンク、似た映画のリスト、画像のリスト、参考動画のリスト、出演者なども表示可能、出演者も個々でページ生成されるようで、その出演者の他の映画のリストなども実装可能、多言語化対応で日本語も用意されています。

SplitWise代替となるオープンソースの割り勘アプリ・「SplitPro」

SplitProはSplitWise代替となるオープンソースの割り勘アプリです。数日前に同じような割り勘アプリのSpliitをご紹介しましたが、こちらも同様にグループ内の経費の割り勘を代行してくれる、というものになります。

ユーティリティでclamp()を簡単に生成できるようにするTailwindプラグイン・「Fluid for Tailwind CSS」

Fluid for Tailwind CSSはユーティリティでclamp()を簡単に生成できるようにするTailwindプラグインです。コードの記述量を減らし、より見栄えのいいRWDの対応をサポートします

コピペで簡単利用も出来るオープンソースのTailwindベースUIコンポーネントライブラリ・「Tailframes」

Tailframesはシンプルで使いやすいオープンソースのTailwindベースUIコンポーネントライブラリです。コピペで簡単利用できるよう各コンポーネントのコードやサンプルも公開されています。

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

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

AIアプリ等のプロジェクト向けにTailwindベースで作られたオープンソースのUIコンポーネント・「LangUI」

LangUI LangUIはAIアプリ等のプロジェクト向けにTailwindベースで作られたオープンソースのUIコンポーネントです。 AIアプリと言うか、ほぼAIチャット向けのUIという感じで、プロンプトの入力フォームや対話UI...

Tailwindコンポーネントをノーコードで作成、編集し、コードをコピーして利用できる・「Mytailwind」

Mytailwind MytailwindはTailwind.cssのコンポーネントをノーコードで作成、編集し、コードをコピーして利用できるWebアプリです。 ボタン、ナビゲーションバー、カード、サイドバー、アラート、画像、チッ...

Tailwind.cssベースのパワフルで軽量なオープンソース管理画面テンプレート・「Tailbreeze」

Tailbreeze TailbreezeはTailwind.cssベースのパワフルで軽量なオープンソース管理画面テンプレートです。 この手のテンプレートはご存知のように数えきれないほど出回っていますが、Tailbreezeは中...

CSSをTailwind.css向けにリアルタイム変換するOSS・「CSS To Tailwind」

CSS To Tailwind CSS To TailwindはCSSをTailwind.css向けにリアルタイム変換するOSSです。 CSSをTailwindに変換、というと語弊があるかもですが、要は書いたCSSに該当するTa...

Tailwind.cssベースのモダンでスッキリしたスタイルの、オープンソースのUIコンポーネントとWebサイトのテンプレートのコレクション・「Float UI」

Float UI Float UIはTailwind.cssベースのモダンでスッキリしていて美しいオープンソースのUIコンポーネントとWebサイトのテンプレートのコレクションです。MITライセンスのもとでソースコードが公開されています...

任意のプロンプトからReact + Tailwind.cssコンポーネントを生成してくれるAIコンポーネントジェネレーター・「Microapp.ai」

Microapp.ai Microapp.aiは任意のプロンプトからReact + Tailwind.cssコンポーネントを生成してくれるAIコンポーネントジェネレーターです。 計算機やパスワードジェネレーター等といった単純なア...
Ads