Template Library

無料ホームページテンプレート

HTML・CSS・Tailwind・Next.jsなど様々な技術スタックに対応し、ダウンロードしてすぐ使えるデザインを一覧で比較できます。

また、Jamstack構成やヘッドレスCMS(microCMS・Contentfulなど)に対応したテンプレートも掲載しており、モダンなWeb制作にも活用できます。 ランディングページ(LP)やコーポレートサイト、ポートフォリオなど用途別に探せるため、初心者から制作会社まで幅広く対応しています。

PureLanding screenshot

PureLanding

shadcn/uiとTailwind CSSを活用したクリーンでモダンなランディングページ用テンプレート。シンプルで汎用性が高く、SaaSやスタートアップ企業のサービス紹介サイトを短時間で構築するのに適したスターターキットです。

Minimalist Landing Page screenshot

Minimalist Landing Page

ミニマリズムを追求した美しいデザインが特徴のshadcn/ui製ランディングページテンプレート。無駄を省いたレイアウトとスムーズなアニメーションを備え、製品の魅力を直感的に伝えるポートフォリオやプロダクトサイトに最適です。

HomeGuardian screenshot

HomeGuardian

スマートホームやセキュリティなどのサービスを想定したshadcn/uiベースのランディングページ。信頼感を与える堅実なデザイン構成で、機能紹介や料金プラン、お問い合わせへの導線が整理された実用的なテンプレートです。

Fintech screenshot

Fintech

フィンテックやデジタルバンクのサービス紹介に特化したモダンなランディングページテンプレート。クリアなタイポグラフィと洗練されたUIコンポーネントが特徴で、アプリのダウンロードや会員登録へのコンバージョン率向上に貢献します。

Gohub screenshot

Gohub

旅行・観光代理店向けの明るく冒険的なBootstrapテンプレート。美しい写真レイアウトと目的地紹介に最適な構成になっています。

shadcn-landing-page screenshot

shadcn-landing-page

shadcn/uiコンポーネントを活用した非常にシンプルで美しいランディングページ。カスタマイズしやすく、スタートアップや個人プロジェクトの素早い構築に最適です。

brook screenshot

brook

ブログやクリエイター向けの読みやすくクリーンなHTMLテンプレート。タイポグラフィが美しいデザインです。

BROOK2 screenshot

BROOK2

Astro.jsで作られたミニマリストブログテンプレート。タイポグラフィを重視した読みやすい美しいデザインです。

cosmic-nextjs-blog screenshot

cosmic-nextjs-blog

CosmicJS+Next.js+TailwindCSS製の静的生成ブログ。ヘッドレスCMSとNext.jsの組み合わせを素早く試せるシンプルなスターターです。

Next-js-Blog-app screenshot

Next-js-Blog-app

Next.js App Router+Supabase+shadcn/ui製のマルチユーザー対応フルスタックブログ。認証・記事投稿・いいね・コメント・ブックマーク機能を備えた本格的な構成です。

blog-forge-sanity screenshot

blog-forge-sanity

Next.js+Sanity CMS+TailwindCSS製のブログテンプレート。NextAuth.js認証・リアルタイム更新対応でSEO最適化済みの本格的なコンテンツサイト向けです。

geeky-nextjs screenshot

geeky-nextjs

Next.js+TailwindCSSの高機能ブログテンプレート。MDXサポート・Disqusコメント・タグ分類・関連記事・PageSpeed 100点対応と多機能な個人ブロング向けです。

inWind screenshot

inWind

Tailwind CSSを利用した、シンプルかつ直感的な操作性が魅力のランディングページテンプレート。コンバージョンを意識した美しいUIコンポーネントが用意されており、アプリやWebサービスのプロモーションサイトを素早く構築可能です。

メディアサンプルサイト screenshot

メディアサンプルサイト

Kuroco+Next.js製のメディアサイトテンプレート。記事一覧・詳細ページをSSGで構築し、Kuroco側のコンテンツ更新をトリガーにGitHub Actionsで自動デプロイする構成です。

会員制サンプルサイト screenshot

会員制サンプルサイト

Kuroco(国産ヘッドレスCMS)+Nuxt.js製の会員制サイトテンプレート。ログイン・会員登録・認証ルート保護をJamstack構成で実装した実用的なサンプルです。

nextjs-media-skeleton-template screenshot

nextjs-media-skeleton-template

microCMS公式の企業メディア向けNext.jsテンプレート。GitHub Actions cronによる記事ランキング自動生成・GTM連携・Vercelデプロイに対応した本格的な構成です。

microcmstemplate screenshot

microcmstemplate

Next.js+microCMS製のマガジン風メディアテンプレート。記事一覧・タグ絞り込み・プレビュー機能を備えたwakka inc.製の実用的な企業メディアの参考実装です。

Chef's Kitchen screenshot

Chef's Kitchen

Next.jsとTailwind CSSで構築された飲食店やレストラン向けの無料テンプレート。メニュー表示や予約への導線など、飲食業界に必要な機能と洗練されたビジュアルを備え、魅力的な店舗サイトをスムーズに立ち上げられます。

React.js landing page template v2 screenshot

React.js landing page template v2

Reactで構築されたオーソドックスな構成のランディングページテンプレート。ヒーローセクションから特徴、ギャラリー、お客様の声、お問い合わせまで、ビジネスに必要な標準的なセクションを網羅した王道レイアウトが魅力です。

HooBank screenshot

HooBank

次世代の金融・FintechサービスをモチーフにしたモダンなReact/Tailwind CSSテンプレート。グラデーションを効果的に使ったダークテーマの美しいUIが特徴で、洗練されたランディングページを構築できます。

Andromeda screenshot

Andromeda

Next.jsベースのSaaSやソフトウェア企業向け軽量テンプレート「Andromeda」。明るく清潔感のあるライトテーマを採用し、ブログ機能や料金表、お問い合わせフォームなど、ビジネスサイトに必要な要素をフル装備しています。

SaaSCandy screenshot

SaaSCandy

SaaSプロダクト向けの洗練されたNext.js + Tailwindテンプレート。クリーンでモダンなデザインが特徴で、サービス紹介から価格表、CTAまで素早く構築できます。

Nicktio screenshot

Nicktio

フィンテックやSaaSアプリ向けのクリーンで洗練されたNext.jsテンプレート。ダッシュボード風のUI表現も可能で、プロフェッショナルな印象を与えるデザインです。

Mainline Astro template screenshot

Mainline Astro template

高速なページ表示を実現するAstroフレームワークを採用したモダンなテンプレート。ブログ機能やポートフォリオに最適化された構成で、パフォーマンスを重視する開発者向けの軽量でカスタマイズ性の高いスターターキットです。

Mainline Next.js template screenshot

Mainline Next.js template

Next.jsとTailwind CSSを組み合わせた、ブログやコーポレートサイト向けの高機能テンプレート。shadcn/uiのコンポーネント群を組み込んでおり、拡張性が高くモダンなWebフロントエンド開発のベースとして活躍します。

E-learning screenshot

E-learning

Next.jsのApp RouterとTailwind CSSを採用したオンライン学習プラットフォーム向けテンプレート。コース紹介から講師プロフィールまで、Eラーニングサイトに必須のセクションを網羅したモダンな構成が特徴です。

Crypto screenshot

Crypto

暗号資産やWeb3プロジェクト向けにデザインされたNext.jsとTailwind CSSの無料テンプレート。ダークモードに映える近未来的なUIと、Headless UIを活用したインタラクティブな要素が特徴のランディングページです。

next-startd screenshot

next-startd

Next.jsでの開発を素早く立ち上げるための汎用スターターテンプレート。基本的なディレクトリ構成やルーティング設定が整っており、小中規模のWebアプリケーションやコーポレートサイトの初期設定の手間を大幅に削減できます。

Finwise screenshot

Finwise

金融機関やコンサルティングサービス向けに設計された清潔感のあるWebサイトテンプレート。信頼性を強調するプロフェッショナルなデザインで、サービス内容や実績を分かりやすく提示するコーポレートサイトの構築に最適です。

deck screenshot

deck

ポートフォリオやデザイナー向けのミニマルでビジュアル重視のテンプレート。作品が映えるシンプルデザインです。

ryan-portfolio-template screenshot

ryan-portfolio-template

PrebuiltUI製のクリーンでミニマルなNext.js+TailwindCSSポートフォリオ。ライトテーマ+繊細なホバーエフェクトで個人制作物をプロフェッショナルに見せられます。

panic-panini-next screenshot

panic-panini-next

Next.js+TailwindCSS+Vercel製のクリエイティブなポートフォリオテンプレート。洗練されたアニメーションとレスポンシブデザインが特徴の個人サイト向けです。

enjidev screenshot

enjidev

Next.js+TailwindCSS製の開発者向け個人サイト。ブログ・プロジェクト・スキルセクションを備えた実際に運用中のポートフォリオサイトをそのまま参考にできます。

typefolio-nextjs screenshot

typefolio-nextjs

Next.js製のシンプルなワンページポートフォリオ。すっきりとした Typography中心のデザインで、素早くカスタマイズして公開できる軽量テンプレートです。

resume-getnextjs-template screenshot

resume-getnextjs-template

wrappixel製のNext.js+TailwindCSS製の履歴書&ポートフォリオテンプレート。スキル・経歴・プロジェクト紹介を1ページにまとめたレジュメサイト向けです。

Yeecord screenshot

Yeecord

台湾発のDiscordボット「YEE式機器龍」の公式ドキュメントサイト。Docusaurusで構築されたDiscordボット向けドキュメントの東アジア言語対応の参考になります。

WoodpeckerCI screenshot

WoodpeckerCI

OSS CI/CDエンジンWoodpecker CIの公式ドキュメントサイト。Docusaurusを使ったDrone CI系ツールのドキュメントで、シンプルかつ整理されたCI/CDドキュメント構成の参考です。

Runiac screenshot

Runiac

インフラ自動化ツールRuniacの公式サイト兼ドキュメント。Docusaurusで構築されたシンプルなCLIツールのドキュメントサイトの実例として参考になります。

Rowy Docs screenshot

Rowy Docs

ノーコードのFirebaseバックエンドツールRowy(現Firestore UI)の公式ドキュメント。Docusaurusを使ったSaaSドキュメントサイトの構成を参考にできます。

Remirror screenshot

Remirror

Remirrorリッチテキストエディタ(ProseMirrorベース)の公式ドキュメント兼プロジェクトサイト。ドキュメントとマーケティングを兼ねたサイト構成の参考になります。

Node SerialPort screenshot

Node SerialPort

Node.js用シリアルポートライブラリSerialPort.jsの公式ドキュメント。Docusaurusを使ったハードウェア系OSSライブラリのドキュメントサイトの参考実装です。

mantine-analytics-dashboard screenshot

mantine-analytics-dashboard

Next.js+Mantine製の本格的な分析ダッシュボード。ApexCharts・DataTable・Storybookを統合した100以上のUIコンポーネントを収録しています。

mantine-admin screenshot

mantine-admin

Mantine UI+Next.js+Zustandで構成したモダンな管理画面スターター。React Query・Zodによるデータ取得・バリデーションも実装済みです。

horizon-tailwind-react screenshot

horizon-tailwind-react

TailwindCSS+Reactで作られたHorizon UIの管理画面テンプレート。70以上のダーク/ライト対応UIコンポーネントとNFT・認証ページのサンプルを収録。

material-kit-react screenshot

material-kit-react

DeviasPro製のMaterial Design風Next.js管理画面。TailwindCSS+TanStack Tableによるデータテーブルと認証画面が標準装備されています。

materio-free-mui-nextjs-admin-template screenshot

materio-free-mui-nextjs-admin-template

ThemeSelection製のMaterial UI+Next.js管理画面テンプレート。豊富なコンポーネントとダーク/ライトモード切替に対応した完成度の高い無料版です。

modernize-free-nextjs-admin-template screenshot

modernize-free-nextjs-admin-template

AdminMart製のModernize Next.js管理画面。Material UIとTypeScriptを組み合わせたパワフルなダッシュボードで複数のカラーテーマを選択できます。