#フレームワーク 6ツール
「フレームワーク」タグが付いた6個のツール一覧です。
ツール一覧 (6件)
JavaScript フレームワーク プレイグラウンド👑
Next.js 15 / Nuxt 3 / Astro 5 / SvelteKit / Remix / Solid Start をブラウザ内で試せるプレイグラウンド。各フレームワークの概要・特徴・サンプルコード・公式ドキュメント・StackBlitz起動を1ページに集約。
CSS フレームワーク プレイグラウンド👑
Tailwind CSS v4 / Bootstrap 5 / Bulma の3大CSSフレームワークを同じUI (ボタン・カード・フォーム) で比較できるプレイグラウンド。各フレームワークのCDN・基本クラス・特徴・サンプルコードを1ページに集約。
UI コンポーネントライブラリ比較
shadcn/ui / Material UI / Mantine / Chakra UI / Ant Design の5大Reactコンポーネントライブラリを概要・特徴・サンプルコード・採用例で比較。プロジェクトに合った選定の参考に。
プロジェクト作成コマンド ジェネレータ👑
Next.js / Nuxt / Astro / SvelteKit / Remix / Solid Start の6大フレームワーク向けに、create-XXX-app コマンドのオプション (TypeScript・Tailwind・パッケージマネージャ等) を選んで完全なコマンドを即生成・コピー。
コンポーネント雛形 ジェネレータ
各フレームワーク (Next.js / Nuxt / Svelte / Solid) のコンポーネント雛形コードを、コンポーネント名・props・state・スタイル方式から自動生成。同じ仕様のコンポーネントを各FWの構文比較で並べて確認できる学習用にも最適。
ランディングページ ビルダー (LP組み立て)👑
Tailwind CSS / Bootstrap 5 に対応した、ブロック組み合わせ式のランディングページビルダー。日本のLP定番セクション (お悩み訴求・3ステップ・他社比較・期間限定キャンペーン・メディア掲載・巨大数字) を含む25種類のブロックを選んで並べ替え、リアルタイムプレビューで確認し、完成したHTMLを即コピー。叩き台・モック・MVP・本番LP全てに対応。