Hire Us for Customization

Techwind - PHP App, Saas & Software Landing & Admin Dashboard Template

Introduction

Techwind is a Powerful PHP App, Saas & Software Landing & Admin Dashboard Template. It is a beautifully handcrafted, pixel-perfect landing page template and admin dashboard template based on the PHP v8.5.2 & Tailwind CSS v4.1.18. It is an excellent template for startups, cloud hosting, business, corporate, minimal portfolio single products (Smartwatch), Saas, Social media marketing, Digital marketing/agency, Email Templates, Marketing, Agency, Careers and Jobs, Helpcenter, and much more. It is 100% responsive and looks stunning on all types of screens and devices. Users will love your site because it gives them a unique user experience (UX), and a clean, modern & beautiful design. They are also easy to customize and combine with other components.

Dark Theme: We have added Dark Theme.

RTL Theme: We have added RTL Theme.

Please feel free to get back to me in case if you are having any question or feedback.

Setup PHP

Install Prerequisites
A. Install PHP
  • Windows:

    You can download PHP from the official PHP website here. Extract the files to a directory (e.g., C:\php) and add the path to your system environment variables.

  • Mac:

    PHP is often pre-installed. You can check the version using php -v in the terminal. If you need a different version, you can install PHP via Homebrew by running brew install php.

  • Linux:

    You can install PHP via your package manager. For example, on Ubuntu, run sudo apt-get install php.

B. Install a Web Server (Optional)
  • XAMPP:

    A popular option that includes Apache, PHP, and MySQL. Download it from apachefriends.org, install it, and you can easily manage your PHP environment.

  • MAMP:

    If you're on a Mac, you might prefer MAMP, which you can download from mamp.info.

  • Git

    Make sure to have the Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.

C. Install a Text Editor or IDE

You'll need a text editor to edit your PHP files. Some popular choices are:

  • Visual Studio Code

    (cross-platform)

  • Sublime Text

    (cross-platform)

  • PHPStorm

    (IDE, cross-platform)

Setup Your PHP Template
A. Place Your PHP Files in the Web Server Directory

  • If using XAMPP: Place your PHP files in the htdocs folder located in the XAMPP installation directory (e.g., C:\xampp\htdocs).

  • If using MAMP: Place your PHP files in the htdocs folder located in the MAMP installation directory.

  • If using the built-in PHP server: You can run PHP scripts directly from any directory using the terminal.

B. Open the PHP Template in Your Browser
Editing and Viewing Changes

  • Use your text editor or IDE to edit the PHP template.

  • Refresh the browser page to see any changes made to the PHP files.

File Structure Explanation
npm install This would install all the required dependencies in the node_modules folder.
base_comman.php Purpose: Contains common code that is shared by specific pages like login, signup, reset password, portfolio, and blog detail pages. This helps to avoid repeating code across these files.
base.php Purpose: Holds common code that is shared across all pages of the website. It serves as the foundation for the site's structure, including things like index connections or including other common files.
Footer.php Purpose: Contains the code for the footer section of the website. This file ensures that the same footer is used consistently across all pages.
Header.php Purpose: Contains the code for the header section of the website. This file provides a standard header that can be used on multiple pages.
Header_light.php Purpose: Contains the code for a light-themed header. This is used on pages that require a lighter color scheme for the header.
header_dark.php Purpose: Contains the code for a dark-themed header. This is used on pages that require a darker color scheme for the header.

Folder & File Structure

Techwind_PHP_v3.2.0
│
├──  Documentation   
├──  Landing
├──    └──  Techwind
├──  Admin
└──    └──  Techwind_Admin

Landing
└──  Techwind
	│
	├──  assets
	│   └──  all css, images and etc files  
	│
	├──  Base
	│   └──  all base files  
	│
	├──  php
	│   └──  contact.php
	│
	└──  index.php
	└──  index-two.php
	└──  index-three.php
	└──  index-four.php
	└──  index-five.php
	└──  index-six.php
	└──  all php files (pages)
	│
	└──  tailwind.config.js

Admin
└──  Techwind_Admin
	│
	├──  assets
	│   └──  all css, images and etc files  
	│
	├──  Base
	│   └──  all base files  
	│
	├──  php
	│   └──  contact.php
	│
	└──  All php files (pages)
	│
	└──  tailwind.config.js

How to change the color in Techwind?

It's easy to change your color if your color is indigo-600 to another (green-600, red-400, orange-700, etc. as your template / project primary color) please check and read the below link to the customizing colors docs, https://tailwindcss.com/docs/customizing-colors

How to change the fonts family in Techwind?

First of all open tailwind.css (path: HTML/src/assets/css/tailwind.css)
and add your font family
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
Import the @import link from your Google Fonts.

And then please open the tailwind.css and please create your google fonts name in the module.exports > theme > fontFamily

For example:
--font-nunito: "Nunito", "serif";
add your Google fonts like the above example.

Please refer this below link for font-family: https://tailwindcss.com/docs/font-family#customizing-your-theme

And then you can use it directly as a class like font-nunito

Plugins

Here is the list of plugin which used in Techwind PHP:

Plugin Version
tailwindcss 4.1.18 Updated
PHP 8.5.2 Updated

Supports

Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Stay awesome

- Shreethemes

Changelog

Version v3.2.0 - 31st January 2026

  • Landing Template
  • Update: Updated the PHP v8.5.2
  • Update: Updated the Tailwind CSS v4.1.18
  • Remove: Removed the Unicons Icons
  • Remove: Removed the Material Design Icons
  • Add: Added the Remixicon Icons
  • Update: Updated & Fixed the Utility classes (Margin, Padding, Width, Height, Size, Start, Top, Bottom, End, Rotate, Z-index, and etc.) as per Tailwind CSS v4.1.18
  • Admin Dashboard
  • Update: Updated the PHP v8.5.2
  • Update: Updated the Tailwind CSS v4.1.18
  • Remove: Removed the Unicons Icons
  • Remove: Removed the Material Design Icons
  • Add: Added the Remixicon Icons
  • Update: Updated & Fixed the Utility classes (Margin, Padding, Width, Height, Size, Start, Top, Bottom, End, Rotate, Z-index, and etc.) as per Tailwind CSS v4.1.18

Version v3.1.0 - 23rd August 2025

  • Landing Template
  • Update: Updated the PHP v8.4.11
  • Update: Updated the Tailwind CSS v4.1.11
  • Update: Updated the choices.js v11.1.0
  • Update: Updated the js-datepicker v5.18.4
  • Update: Updated the shufflejs v6.1.2
  • Update: Updated the swiper v11.2.10
  • Update: Updated the Navbar Font size issues
  • Update: Updated color indigo-600 to primary
    Note: We have changed the color indigo-600 to the primary color. You can change your primary theme color by using the primary color code.
  • Admin Dashboard
  • Update: Updated the PHP v8.4.11
  • Update: Updated the Tailwind CSS v4.1.11
  • Update: Updated the @ckeditor/ckeditor5-build-classic v44.3.0
  • Update: Updated the apexcharts v4.7.0
  • Update: Updated the fullcalendar v6.1.18
  • Update: Updated the jsvectormap v1.7.0
  • Update: Updated the shufflejs v6.1.2
  • Update: Updated the simplebar v6.3.2
  • Update: Updated color indigo-600 to primary
    Note: We have changed the color indigo-600 to the primary color. You can change your primary theme color by using the primary color code.

Version v1.0 - 29th March 2025

  • Initial Released
Thank you very much for your purchase !