A universal starter template that includes setups for pure HTML/CSS, React, and WordPress.
Use it to quickly spin up a new project without wasting time on initial configuration.
/
├── html-css/ # Default HTML + CSS setup
├── react/ # Clean React (Create React App)
├── wordpress/ # Basic WP theme with pre-built blocks
└── README.md # This file
The html-css
folder contains:
- Basic HTML5 structure.
- Included
reset.css
. - Simple grid and typography styles.
- Example JavaScript connection.
Run:
Open index.html
directly in your browser
or use a local dev server (e.g., VS Code Live Server).
The react
folder contains a clean Create React App setup:
- Standard
/src
and/public
structure. - React 18.
- ESLint with a base config.
Run:
cd react
npm install
npm start
The wordpress
folder is a minimal WordPress theme:
- Prepared template files (
header.php
,footer.php
,index.php
, etc.). - Pre-built blocks for quick HTML-to-WP integration.
- Styles and scripts already enqueued.
- Template parts split into manageable chunks.
Setup:
- Copy the
wordpress
folder to/wp-content/themes/
in your WP installation. - Activate the theme via Appearance → Themes.
- Start integrating your HTML/CSS into the ready-made blocks.
- Clone the repository:
git clone https://github.com/adamlean/web-template.git
- Pick the folder for your project type.
- Run or integrate into your environment.
- This is a lightweight starter kit, kept intentionally simple.
- For large projects, extend the setup with linters, tests, and CI/CD.
- The WordPress theme works with the latest WP versions.
Free to use, modify, and share.