# Tailwind CSS

マークアップにクラスを追加してあらゆるデザインを構築できるユーティリティファーストのCSSフレームワーク。HTMLをすっきり保ちながら、モダンなウェブサイトをすばやく作成できます。

[Website](https://tailwindcss.com) [GitHub](https://github.com/tailwindlabs/tailwindcss) [npm](https://npmjs.com/package/tailwindcss)

Tailwind CSSは、HTML内で直接モダンなウェブサイトを構築できるユーティリティファーストのCSSフレームワークです。

flex、pt-4、text-center、rotate-90などの豊富な定義済みクラスを使って、効率よくあらゆるデザインを作成できます。

大規模なチームでも拡張しやすく、カスタマイズも簡単なため、さまざまなデザインスタイルに対応できます。ビルドサイズが小さく、パフォーマンスに優れていることから、多くの開発者に選ばれています。従来のセマンティックなクラス名からユーティリティファーストの考え方に移行することで、保守性と生産性が大きく向上します。

Tailwind CSSには、統一感のあるUIを備えたウェブサイトを手軽に構築するための包括的なソリューションが用意されています。本番環境で未使用のCSSを削除する自動化機能により、最終的なバンドルサイズを通常10kB未満に抑えられます。

さらに、純粋なCSSであるため、Tailwind CSSはあらゆるウェブ開発フレームワークとスムーズに連携します。継続的な改善と安定したメンテナンスにより、信頼性と現代的な有用性が保たれています。

## 機能

- ユーティリティファーストのCSSフレームワーク
- 高度にカスタマイズでき、あらゆるデザインに対応
- 未使用のCSSを削除してビルドサイズを最小化
- あらゆるウェブ開発フレームワークと連携
- レスポンシブデザインに対応
- ダークモードに対応
- tailwind.config.jsでカスタマイズできるデザインシステム
- Tailwind CSS IntelliSenseによる優れたIDE連携
- Tailwind UIで使える数百種類のUIコンポーネント

## 詳細

**GitHubスター数**

83.7K

**npmダウンロード数**

11.0M/週

**最新バージョン**

3.4.16

**作成日**

Oct 6, 2017

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

ここに広告を掲載しませんか？

[メールでお問い合わせ](mailto:hi@dennn.is?subject=KickstartUI%E3%81%A7%E3%81%AE%E5%BA%83%E5%91%8A%E6%8E%B2%E8%BC%89)

[広告 WordPress向けのエージェント対応プラグインスイート。](https://sleekwp.com/?ref=kickstartui)

## 関連項目

### [ChakraUI](https://kickstartui.com/ja/details/chakra-ui/)

使いやすく高度にカスタマイズ可能な基本コンポーネントを豊富に備え、アクセシブルなウェブアプリケーションをすばやく効率的に作成できます。

**GitHubスター数**

38.1K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

### [Master CSS](https://kickstartui.com/ja/details/master-css/)

この革新的な製品は、シンプルさとパフォーマンスを両立し、CSSの記述と適用の方法を刷新することで、効果的なウェブデザインと開発を実現します。

**GitHubスター数**

1.8K

**更新日**

Dec 5, 2024

**ライセンス**

MIT License

### [UnoCSS](https://kickstartui.com/ja/details/unocss/)

従来のCSSフレームワークの制約にとらわれず、開発者がすばやくデザインを構築できる、強力でカスタマイズ可能なエンジンです。

**GitHubスター数**

16.8K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

### [emotion](https://kickstartui.com/ja/details/emotion/)

創造性と効率性を重視した、JavaScriptでの新しいスタイルの書き方を体験できます。

### [styled-components](https://kickstartui.com/ja/details/styled-components/)

CSSをJavaScript内で使い、コンポーネントをシームレスにスタイリングできる強力なライブラリです。

**GitHubスター数**

40.6K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

### [StyleX](https://kickstartui.com/ja/details/stylex/)

このライブラリは、アトミックスタイルを使ってウェブアプリケーションを効率的かつ保守しやすくスタイリングする、シンプルな方法を提供します。

**GitHubスター数**

8.4K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

### [Skeleton](https://kickstartui.com/ja/details/skeleton/)

モダンなウェブアプリケーションの開発を支える、柔軟でアクセシブルなツールキットです。

**GitHubスター数**

228

**更新日**

Dec 26, 2023

**ライセンス**

MIT License

### [Tamagui](https://kickstartui.com/ja/details/tamagui/)

ReactとReact NativeでUIを構築するための強力なライブラリで、効率性と柔軟性を兼ね備えています。

**GitHubスター数**

11.7K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License