ReactやNext.js向けに作られたコピペ可能なオープンソースのTailwindベースランディングページコンポーネント・「Page UI」
Page UIはReactやNext.js向けに作られたコピペ可能なオープンソースのTailwindベースランディングページコンポーネントです。Reactアプリ等でLPを頻繁に作成、更新する際に重宝しそうです。
Resource - Tailwind
Notionライクなテキストエディターや解析ツールが組み込まれたオープンソースのミニマルなブログシステム・「Nucelo」
NuceloはNotionライクなテキストエディターや解析ツールが組み込まれたオープンソースのミニマルなブログシステムです。Notionのように使えるテキストエディターやアクセス解析、シンプルなメーリングリスト、コンテンツのパスワード保護、 Open Graph設定機能等がビルトインされています。
Next.jsベースのSaaS開発に必要なものを一式揃えたオープンソースの開発キット・「Next.js SaaS kit」
Next.js SaaS kitはNext.jsベースのSaaS開発に必要なものを一式揃えたオープンソースの開発キットです。MITライセンスの元でソースコードが公開されています。SaaSに実装不可欠な機能を予め用意し、開発をサポートします。
コピペで使えるTailwind.cssとReactによるアニメーション、エフェクト、インタラクションのコレクション・「Animata」
Animataはコピペで使えるTailwind.cssとReactによるアニメーション、エフェクト、インタラクションのコレクションです。タイトル通りで、既存のReactアプリ等にコピペでアニメーションコンテンツを追加可能なコンポーネントを手作業でコレクション化したそうです。
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アプリ用コンポーネントです。コンポーネントのデザインは、実装とは切り離して考えるべき、という考えから、ライブラリ等のようにインストールせずコードをコピペして利用するコンポーネントのコレクションとして提供されています。
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アプリです。 ボタン、ナビゲーションバー、カード、サイドバー、アラート、画像、チッ...