Getting Started
Getting started with KitFront
KitFront helps you build website frontends faster by combining ready-made sections with a flexible starter kit.
Before you begin
Decide whether your project will use Bootstrap or Tailwind. Each framework has its own starter kit and section code.
Recommended workflow
Step 1
Download Starter Kit
Download either the Bootstrap or Tailwind starter kit and use it as the foundation for your project.
Step 2
Customize Branding
Update colors, fonts, typography, spacing, and buttons inside core.css.
Step 3
Browse, Copy, Paste
Browse sections, preview layouts, copy the required code, and paste it into your project.
Access levels
Visitors can browse categories and preview section layouts before signing in.
- Guest users can browse categories and view section previews.
- Free accounts can access and copy code from free sections.
- Pro accounts can access all sections and premium features.
Next steps
Continue with the Starter Kit documentation to understand the project structure, included files, and recommended workflow.