Getting Started

Start Your Project with the Starter Kit

The starter kit is the starting point for every KitFront project. It includes the base files, framework setup, global styles, scripts, and required dependencies.

Choose your framework

Download the Starter Kit that matches your project framework, then follow the setup instructions provided below.

Download the Bootstrap Starter Kit

Use this package as the foundation for your Bootstrap project.

Download Bootstrap Starter Kit

Set up your Bootstrap project

Download and unzip bootstrap-starter.zip.
Rename the extracted bootstrap-starter folder to your project name, then open the complete folder in your code editor.
Open index.html in your browser. If the starter page loads correctly, setup is complete.

Download the Tailwind Starter Kit

Download the prepared Tailwind project and start its watch process.

Download Tailwind Starter Kit

Set up your Tailwind project

Download and unzip tailwind-starter.zip.
Open the tailwind-starter folder in your terminal.
Install the project dependencies:
```
npm install
```
Start the Tailwind watch process:
```
npm run watch
```
Open src/index.html in your editor and browser. If the starter page loads correctly, setup is complete.

What your Starter Kit includes

The common files required by KitFront sections are already included.

Framework files

Bootstrap or Tailwind is already prepared for KitFront sections.

Global styles

Fonts, typography, spacing, containers, and buttons are ready to use.

Shared libraries

Animation, slider, and icon libraries used by KitFront sections are included.

Custom files

Dedicated files are included for section styles and scripts.

Introduction

Preview