Starterkit Generator

Starterkit

Configuration

HTML Elements Options Download and Code

Create your own starterkit for your next project! It comes with lightweight CSS resets for consistent spacing, typography, and behavior across browsers (inspired by normalize.css, but simplified for flexibility).

made with by Designfreaks.net

Elements

Container Header Topbar Logo Sidebar Content Footer

Content

Add Placeholders

Core Settings

Responsive requires Container Responsive Use CSS Variables Inline CSS

Icon Fonts

Font Awesome 7 Phosphor Regular Phosphor Fill Phosphor Bold Phosphor Duotone Phosphor Light

Scripts

jQuery 3.7.1

Assets hosting

Enable this to self-host icon fonts and other assets. When disabled, the starter kit will use CDN links instead.

Self-Host Assets

Asset Files

These files are already included in the downloadable bundle. If you'd rather grab them individually, you can do that here.

Bundle

Download a complete bundle with your generated index.html and any additional assets you selected for self-hosting.

HTML Code

If you'd rather work directly with the source, you can copy the generated HTML and CSS instead.

INDEX.HTML

STYLE.CSS