Back to templates

Template details

Inazuma

Free one-page Tailwind CSS company landing page template with hero, pricing, FAQ, blog, and dark mode.

About this template

Inazuma is a free, open-source one-page company landing page template styled with Tailwind CSS, built for businesses and portfolios and distributed through ThemeWagon.

What is Inazuma?

Inazuma is a free one-page website template for company landing pages and portfolios, built entirely with Tailwind CSS and distributed by ThemeWagon. It consists of a single pre-built page with HTML, CSS, and JavaScript source files, plus all demo images and bundled libraries and plugins. The template was designed by Ranyeh (GitHub user ranyeh24) and is optimized for page speed, SEO, and cross-browser compatibility across Chrome, Edge, Firefox, Safari, Opera, Android, iPhone, and iPad.

Key Features

  • Tailwind CSS framework — Styling is built entirely with Tailwind CSS utility classes; no other CSS framework like Bootstrap is required.
  • One-page layout with pre-built sections — Includes sticky top navigation, hero header, portfolio, pricing table, FAQ, blog, banner, contact form, newsletter subscription form, and a detailed footer, all on one page.
  • Light and dark mode — A built-in toggle allows visitors to switch the site between light and dark color schemes for comfortable viewing.
  • Modal video player and slider — The hero area includes an image slider and a modal video player for embedding videos without leaving the page.
  • Sticky navigation with burger menu — The top navigation bar remains fixed while scrolling and collapses into a burger menu on mobile screens.
  • Pricing table and tabbed contents — A pricing table and tabbed sections are included to organize plans and information clearly.
  • Contact and newsletter forms — Contact form UI and newsletter subscription form UI help collect leads and user inquiries.
  • SEO and page speed optimization — Search-engine-optimized markup and page-speed optimization aim to improve search rankings and reduce bounce rates.

Who is Inazuma for?

  • Small business owners — Launch a company site with pricing, FAQ, and contact sections already built in, without commissioning a custom design.
  • Front-end developers — Use the clean Tailwind CSS codebase as a free starting point for client projects or to prototype new ideas.
  • Freelance designers — Customize the one-page layout, light/dark themes, and Google Maps integration to deliver portfolio or agency websites.

What can you do with Inazuma?

  • Company landing pages — Present services, pricing plans, and an FAQ on a single scrolling page to give visitors a complete overview of the business.
  • Portfolio sites — Showcase projects with the portfolio section and embed video walkthroughs using the modal video player.
  • Lead generation pages — Collect email addresses through the newsletter subscription form and capture inquiries via the contact form.

How does Inazuma work?

Download the template from ThemeWagon, extract the zip archive to get the HTML, CSS, JavaScript source files, and demo images, then edit the markup and Tailwind classes directly to customize content. The included JavaScript source files power interactive elements like the slider, modal video player, burger menu, and dark mode toggle. Host the static files on any web server to publish the site.

Pricing

Inazuma is free to download and use, including in commercial projects, and receives lifetime free updates under ThemeWagon's license.

Alternatives

  • Agency — A free one-page business website template from ThemeWagon, but built with Bootstrap 5 instead of Tailwind CSS.
  • Astro Motion — Another free ThemeWagon template aimed at astronomical or space-themed websites, also using Bootstrap 5.

FAQ

Is Inazuma free?

Yes, Inazuma is completely free to download from ThemeWagon. The license allows commercial use, and you receive lifetime free updates. No payment or account is required beyond the download email link.

Does Inazuma include dark mode?

Yes, Inazuma has both light and dark mode color schemes. A toggle is built into the template so visitors can switch between themes based on their preference.

What is included in the Inazuma download?

The download contains one pre-built page with HTML and CSS files, JavaScript source files, all demo images, and the libraries and plugins used, including Tailwind CSS, Google Maps, Google Fonts, and Favicon.

Can I use Inazuma for commercial projects?

Yes, the template is open source and licensed for commercial use. ThemeWagon states that use in commercial projects is allowed, and the template gets lifetime free updates.

screenshot of Inazuma on template0.com