boilerx

Zero setup. Full frontend starter.

BoilerX is a powerful VS Code extension that instantly generates a complete frontend boilerplate for static websites using HTML, CSS, and JavaScript.

Skip repetitive setup and start building immediately 🚀

✨ Features

• ⚡ One-click project setup
• 📁 Clean folder structure (public, stylesheets, javascripts, images)
• 🧠 Dynamic project name & user personalization
• 🎨 Prebuilt responsive layout (navbar, section, footer)
• 🎬 GSAP integrated for smooth animations
• 🌗 Dark/Light mode toggle included
• 🚀 Automatically opens the created project

📦 Project Structure

YourProject/
├── index.html
├── public/
│   ├── stylesheets/
│   │   └── style.css
│   ├── javascripts/
│   │   └── script.js
│   └── images/

🚀 How to Use

1. Open VS Code

2. Open any folder (or select location if enabled)

3. Press:

   Ctrl + Shift + P
   

4. Search:

   BoilerX: Create Frontend Project
   

5. Enter:

   • Project Name
   • Your Name

👉 Done! Your project is ready.

🧠 Example Output

• Title:

  MyProject | Home
  

• Page:

  Welcome YourName 😎
  

⚙️ Requirements

• Visual Studio Code
• Node.js (for development only)

📸 Preview

(Add your logo or screenshots here)

🛠️ Future Improvements

• Multiple templates (Portfolio, Landing Page, etc.)
• Custom theme selection
• CLI version (like Vite)

👨‍💻 Author

Tejwardeep Singh

⭐ Support

If you like BoilerX, consider giving it a ⭐ on GitHub and sharing it with others!

Build faster. Create smarter. BoilerX ⚡