#Tailwind 5ツール
「Tailwind」タグが付いた5個のツール一覧です。
ツール一覧 (5件)
WEB制作
CSSボタンデザイン集👑
70種類以上のCSSボタンデザインからクリックで選択しプレビューしながら作成。シンプル/グラデ/影付き/3D/アウトライン/アニメ/アイコン付/シャイン/ニューモ/グラスモーフィズム等。色・テキストをライブ編集してHTML/CSS・Tailwind・Bootstrap・Material 3の4形式で即コピー。
フレームワーク
CSS フレームワーク プレイグラウンド👑
Tailwind CSS v4 / Bootstrap 5 / Bulma の3大CSSフレームワークを同じUI (ボタン・カード・フォーム) で比較できるプレイグラウンド。各フレームワークのCDN・基本クラス・特徴・サンプルコードを1ページに集約。
フレームワーク
ランディングページ ビルダー (LP組み立て)👑
Tailwind CSS / Bootstrap 5 に対応した、ブロック組み合わせ式のランディングページビルダー。日本のLP定番セクション (お悩み訴求・3ステップ・他社比較・期間限定キャンペーン・メディア掲載・巨大数字) を含む25種類のブロックを選んで並べ替え、リアルタイムプレビューで確認し、完成したHTMLを即コピー。叩き台・モック・MVP・本番LP全てに対応。
開発・その他
CSS → Tailwind変換👑
インラインCSS・<style>ブロック・HTML全体をTailwind v4ユーティリティクラスへ自動変換。200+プロパティ対応。
カラー・配色
Tailwindカラーパレット生成👑
ブランドカラー1色から50〜950の11階調パレットを自動生成。@theme/config/CSS変数/JSON出力対応。