Responsive • GitHub Pages • HTML / CSS / JavaScript

12 polished webpage demos in one clean showcase.

This repository collects 12 responsive frontend demos, including grids, sliders, product detail pages, before/after comparison sections, modal video galleries, and interaction-driven landing page components.

12 Live demos
Responsive Desktop and mobile ready
Swiper + Bootstrap Mixed UI patterns
HTML CSS JavaScript Swiper Bootstrap GitHub Pages
Guide

Use this repo on GitHub

The homepage is ready to act as a portfolio-style gallery, and each case already has its own standalone entry file under the cases/ directory.

01

Preview locally

Open the root index.html with Live Server or any static server to browse all 12 demos from a single homepage.

02

Deploy with GitHub Pages

Push the repository to GitHub, enable Pages from the main branch, and use the root folder as the publishing source.

03

Keep extending

Update the data in assets/js/main.js, replace screenshots, refine descriptions, or add new categories as your collection grows.

Preview

Demo preview

Cover image preview.