tailwindcss

tailwindcssは、カスタムユーザーインターフェースを迅速に構築するために設計されたユーティリティファーストのCSSフレームワークです。これにより、開発者は反復的なCSSコードを書く代わりに、HTMLドキュメント内で直接クラスを適用することで、迅速かつ柔軟にデザインを適用できます。

Latest Ver

Homepage

Github

87,486

📢 tailwindcssは、CSSクラスを通じて迅速にユーザーインターフェースをカスタマイズできるCSSフレームワークです。

CDNダウンロード

License: MIT

Asset Type :

すべてのバージョンを見る

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。

📄 HTML
<div class='bg-blue-500 text-white p-4'>Hello, TailwindCSS!</div>

🎨 External CSS
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@^3.0/dist/tailwind.min.css" rel="stylesheet">

⚡ Top Tools for Developers

テキスト比較

2つのテキストの違いを一目で確認できます。

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

画像テキスト抽出

画像内のテキストを自動で抽出します。