⚡ HTML5 • Self-Contained • Live Server Configured

The Perfect Base Foundation
For Modern Web Projects

Clean semantic markup, a custom design system with CSS tokens, fluid responsive layout, and instant hot-reloading with VS Code Live Server.

Open with Live Server Explore Components

Live Server Extension Quick Start

Your workspace is pre-configured for Ritwick Dey's Live Server extension. Run it in seconds:

1 Right-click index.html
2 Select "Open with Live Server"
3 Shortcut: Alt + L, Alt + O
4 Status Bar: Click Go Live
Port: 5500
Base Architecture

Built-In Production Standards

Everything you need to write clean, maintainable web applications.

Clean Single-File Base

Self-contained structure with embedded design tokens, responsive styling, and interactive JavaScript logic.

Live Server Hot Reload

Changes to your HTML reflect instantly in your browser without requiring manual page refreshes.

CSS Design Tokens

Includes custom color palettes, glassmorphism, responsive font sizing, and dual dark/light mode themes.

Modern Vanilla JS

Zero build steps. Fast, reactive JavaScript handling state, clipboard interactions, and theme persistence.

Interactive Preview

Base Component Playground

Test out responsive controls, reactive state, and the color palette token library.

State Counter Demo

Click buttons to verify reactive DOM updates and transition animations.

0

Design Tokens Palette

Click any swatch below to copy its HEX code directly to your clipboard.

#6366f1
#8b5cf6
#06b6d4
#10b981
#f43f5e
#f59e0b
#0f172a
#f8fafc