🚀 WebLite

WebLite is a blazing-fast, YAML-powered static site generator that lets you create stunning websites without writing HTML or CSS. Define your site in simple .wl files, and WebLite transforms them into fully styled HTML pages in seconds.

---

💡 Why Choose WebLite?

• Effortless: No HTML, no CSS, just YAML.
• Fast: Generate sites in milliseconds.
• Portable: Deploy anywhere, no server-side setup.
• Flexible: Style and structure your site your way.
• Developer-Friendly: Built for simplicity and speed.

---

📦 Get Started

1. Clone the Repository

git clone https://github.com/scgssk/WebLite-DSL.git
cd WebLite-DSL

2. Install WebLite CLI

pip install -e .

---

⚡ Try It Online

▶ Explore WebLite in your browser instantly with the WebLite TryIt Editor

• [🔗 Open WebLite TryIt] (https://weblite-tryit.vercel.app/)

🧑‍💻 Features:

Live YAML editing with real-time preview

One-click deploy to output/ directory

Dark mode, responsive layout, mobile-ready

Hamburger menu for mobile navbar

Uses your actual builder.py logic in the backend (hosted with Flask)

---

🛠️ Build Your First Site

1. Create a site.wl file with your website structure:

Nav:
  - Home
  - About
  - Contact

Home:
  Hero:
    Title: "**Welcome to WebLite**"
    Subtitle: "Build websites instantly with YAML"
    CTA >> background-color: #ff6600; color: white: "Get Started"

2. Generate your site:

weblite build site.wl
        or
weblite dev site.wl

3. Find your static website in the output/ folder, ready to deploy!

---

🧾 YAML Syntax Guide

WebLite’s YAML syntax is intuitive and powerful. Here’s a quick overview:

Global Elements

Define navigation, footer, or global styles:

Nav:
  - Home
  - About
  - Contact
NavStyle:
  background-color: "#222"
  color: white
Footer:
  Text: "© 2025 WebLite"

Section Styling

Style entire sections with ease:

Hero:
  style:
    background-color: "#fefefe"
    padding: 40px

Inline Component Styling

Add styles directly to components:

"Title >> color: #333; font-size: 36px": "**WebLite**"
"CTA >> background-color: orange; color: white": "Get Started"

Repeating Components

Create lists of styled elements:

Features:
  Items:
    - "p >> color: #444": "Clean YAML structure"
    - "p >> color: #444": "Instant HTML and CSS output"

Reusable Components

Components:
  Card:
    - "Title >> blue": "{title}"
    - "Description": "{desc}"

Services:
  - Card:
      title: "Fast"
      desc: "Instant site generation"
  - Card:
      title: "Simple"
      desc: "Only YAML required"

---

🌐 Deploy Your Site

Host the output/ folder on platforms like:

• GitHub Pages
• Netlify
• Vercel
• Any web server (e.g., Apache, Nginx)

---

📁 Project Structure

/WebLite-DSL
├── weblite/
│   ├── builder.py      # Core site generation logic
│   ├── cli.py         # CLI interface
│   └── __init__.py    # Entry point
├── site.wl            # Your YAML site definition
├── output/            # Generated static website
├── README.md          # This file
├── LICENSE            # GPLv3 license
├── requirements.txt   # Python dependencies

---

📜 License

WebLite is open-source and licensed under the GNU General Public License v3.0.

---

💡 Web Development, Simplified.

Whether you're a developer, designer, or beginner — WebLite gives you superpowers to build websites effortlessly with structured YAML. Let your creativity flow, and let WebLite handle the rest.

---

🔗 Resources

• Website Template Gallery (Coming Soon!)
• Contribute to WebLite
• Report Issues

---

❤️ Built for Developers, by Developers

WebLite is a labor of love to simplify web development. Join our community, contribute, or share your creations with #WebLite on Linkedin!

Star the repo on GitHub to support the project! 🌟