🚀 Awesome Static Projects

View Demo · Report Bug · Request Feature

🌟 About The Project

A curated collection of modern static web projects showcasing the best in frontend development. Built with HTML, CSS, and JavaScript, these projects serve as learning resources and inspiration for developers at all levels.

Built With

📊 Project Stats

Metric	Count
Total Projects	{projects_count}
Contributors	{contributors_count}
Total Stars	{stars_count}
Total Forks	{forks_count}

🎯 Featured Projects

Project	Description	Technologies	Live Demo

🚀 Getting Started

Prerequisites

A modern web browser
Git installed on your machine
Basic knowledge of HTML, CSS, and JavaScript

Installation

Clone the repository

git clone https://github.com/likhonsheikhcodes/awsome-statics-projects.git

Navigate to project directory

cd awsome-statics-projects

Open any project in your browser

cd project-name
open index.html

🤝 Contributing

We welcome contributions from developers of all skill levels! Here's how you can help:

Contribution Guidelines

Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingProject)
Create your project folder with the following structure:

your-project-name/
├── index.html
├── css/
│   └── style.css
├── js/
│   └── script.js
├── assets/
│   └── images/
└── README.md

Add your project metadata in projects.json:

{
  "name": "Your Project Name",
  "description": "Brief description",
  "technologies": ["HTML", "CSS", "JavaScript"],
  "category": "UI Component/Landing Page/etc",
  "author": "Your Name",
  "thumbnail": "thumbnail.png"
}

Commit your Changes (git commit -m 'Add amazing project')
Push to the Branch (git push origin feature/AmazingProject)
Open a Pull Request

Project Requirements

Must be static (HTML, CSS, JavaScript only)
Fully responsive design
Well-documented code
No external dependencies requiring backend
Cross-browser compatible
Performance optimized
Accessible (WCAG 2.1 compliant)

📝 Project Structure

awsome-statics-projects/
├── index.html                 # Main showcase page
├── projects.json             # Projects metadata
├── .github/
│   └── workflows/
│       └── deploy.yml        # GitHub Actions workflow
├── scripts/
│   └── update-readme.js      # Automation scripts
└── projects/
    └── [project-folders]/    # Individual project folders

🛠 Development

Testing

We use automated testing for:

HTML validation
CSS validation
JavaScript linting
Responsive design checks
Performance metrics

Performance Requirements

All projects should meet these metrics:

Lighthouse score > 90
Page load < 3s
First paint < 1s

📜 License

Distributed under the MIT License. See LICENSE for more information.

🙏 Acknowledgments

📊 Repository Analytics

About

Explore awsome curated collection of static projects built with HTML, CSS, and JavaScript. These are great examples for developers interested in modern web development.

https://awsome-statics-projects.vercel.app

Languages

Language:HTML 92.7%Language:CSS 5.3%Language:JavaScript 2.0%