Template Library

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

商用利用可能な無料ホームページテンプレートを厳選して掲載。 カテゴリやタグで絞り込みながら、あなたの制作に最適なデザインを見つけられます。

directive screenshot

directive

HTML5 UP製のシンプルなワンカラムレイアウト。コンテンツを縦に整然と並べたDirectiveスタイルで、情報量の多いランディングページに向いています。

hyperspace screenshot

hyperspace

HTML5 UP製のカラフルでブロッキーなワンページデザイン。ビビッドな配色とアニメーションが印象的で、スタートアップや個人プロジェクトに最適です。

stellar screenshot

stellar

HTML5 UP製のシンプルなランディングページ。スタープロジェクトや個人サイト向けの清潔感あるレイアウトで、CCA 3.0ライセンスで商用利用可能です。

spectral screenshot

spectral

HTML5 UP製のモバイルスタイルメニューを持つ大型ブロックデザイン。全レスポンシブ対応で主要要素のスタイルが揃った汎用性の高いHTMLテンプレートです。

namari screenshot

namari

パララックス・ライトボックスギャラリー・動画モーダル・料金表を備えたロングスクロール型HTMLランディングページ。スティッキーナビ付きで実用的な構成です。

evie screenshot

evie

unDraw製のシンプルなHTMLランディングページ。固定ヘッダー・サービスセクション・ダウンロードCTAを備えたMITライセンスの軽量テンプレートです。

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点対応と多機能な個人ブロング向けです。

pycoder2000 screenshot

pycoder2000

Next.js+TailwindCSS+Vercel製の個人技術ブログテンプレート。Giscusコメント・ニュースレター・Spotify連携など個性的な機能を盛り込んだポートフォリオ兼ブログです。

Fyrre-Magazine screenshot

Fyrre-Magazine

Next.js+TailwindCSS製のマガジン風ブログテンプレート。Figmaのコミュニティデザインをそのまま実装したスタイリッシュなレイアウトが特徴です。

メディアサンプルサイト 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.製の実用的な企業メディアの参考実装です。

nextjs-starter-dimension screenshot

nextjs-starter-dimension

HTML5 UPのDimensionテンプレートをNext.js静的サイトに移植したスターター。ポップアップモーダル形式のシンプルな個人・企業向けワンページサイトを素早く構築できます。

コーポレートサンプルサイト screenshot

コーポレートサンプルサイト

Kuroco(国産ヘッドレスCMS)+Nuxt.js製のコーポレートサイトテンプレート。お知らせ・サービス・採用など企業サイトの主要ページ構成をJamstack構成で実装した公式サンプルです。

microcms-template screenshot

microcms-template

MOTOKI LLC製のNuxt3+microCMS製コーポレートサイトテンプレート。お知らせ管理・Googleフォーム連携・GA対応のシンプルかつスタイリッシュな企業サイトの実践的な構成です。

nextjs-simple-corporate-site-template screenshot

nextjs-simple-corporate-site-template

microCMS公式のNext.js製シンプルコーポレートサイトテンプレート。トップ・お知らせ・会社情報・採用などの基本ページをmicroCMSで管理できるJamstack構成の標準的なスターターです。

telephasic screenshot

telephasic

HTML5 UP製のシャープでモダンなマルチカラムHTMLテンプレート。SVGを活用したレティナ対応のデザインで汎用サービスサイトやコーポレートサイトに最適です。

templatemo_598_sleeky_pro screenshot

templatemo_598_sleeky_pro

TemplateMo製のBootstrap SaaSサービスサイトテンプレート。クリーンでプロフェッショナルなデザインで商用利用可能な無料テンプレートです。

tailnext screenshot

tailnext

Next.js+TailwindCSS製のSaaS・エージェンシー向けサービスサイトテンプレート。マーケティングサイトに必要なセクションが揃ったクリーンな構成です。

bigspring-light-nextjs screenshot

bigspring-light-nextjs

themefisher製のNext.js製クリエイティブエージェンシー・デジタルマーケティング向けサービスサイトテンプレート。ライトデザインで多目的に使える実用的な構成です。

cosmic-podcast-network screenshot

cosmic-podcast-network

Next.js+Cosmic CMS製のポッドキャストネットワークサイトテンプレート。Partial Prerenderingを活用したCMS連携ポッドキャストサイトの参考実装です。

online-booking-management screenshot

online-booking-management

Next.js+TailwindCSS製のオンライン予約管理システムのフロントエンドテンプレート。予約フロー・カレンダー・管理UIを備えた実用的なサービスサイト向けです。

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ページにまとめたレジュメサイト向けです。

sidefolio-portfolio-template screenshot

sidefolio-portfolio-template

Aceternity UI製のNext.js+TypeScript+TailwindCSS製開発者向けポートフォリオ。サイドバーナビ・ブログ・プロジェクト・レジュメページを備えたマルチページ構成です。

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を組み合わせたパワフルなダッシュボードで複数のカラーテーマを選択できます。