https://github.com/attogram/static-magic

Frontend magic for GitHub Pages - zero backend, pure fun
https://github.com/attogram/static-magic

attogram-project static-site static-site-generator static-website

Last synced: 2 months ago
JSON representation

Frontend magic for GitHub Pages - zero backend, pure fun

• Host: GitHub
• URL: https://github.com/attogram/static-magic
• Owner: attogram
• Created: 2025-08-29T21:39:57.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-09-17T11:31:12.000Z (7 months ago)
• Last Synced: 2026-01-15T16:15:46.167Z (3 months ago)
• Topics: attogram-project, static-site, static-site-generator, static-website
• Language: Dockerfile
• Homepage: https://attogram.github.io/static-magic/
• Size: 153 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md
  • Agents: AGENTS.md

Awesome Lists containing this project

README

          
# Getting Interactive with GitHub Pages

[![Run Tests](https://github.com/attogram/static-magic/actions/workflows/ci.yml/badge.svg)](https://github.com/attogram/static-magic/actions/workflows/ci.yml)

[![GitHub stars](https://img.shields.io/github/stars/attogram/static-magic?style=flat)](https://github.com/attogram/static-magic/stargazers)

[![GitHub watchers](https://img.shields.io/github/watchers/attogram/static-magic?style=flat)](https://github.com/attogram/static-magic/watchers)

[![Forks](https://img.shields.io/github/forks/attogram/static-magic?style=flat)](https://github.com/attogram/static-magic/forks)

[![Issues](https://img.shields.io/github/issues/attogram/static-magic?style=flat)](https://github.com/attogram/static-magic/issues)

[![License](https://img.shields.io/github/license/attogram/static-magic?style=flat)](./LICENSE)

Frontend magic for GitHub Pages - zero backend, pure fun!

This website is a collection of interactive examples and games that you can run directly on GitHub Pages. No backend, no build tools, just plain HTML, CSS, and JavaScript.

- **Website**: https://attogram.github.io/static-magic/

- **Repo**: https://github.com/attogram/static-magic

## Features

This site demonstrates how to create rich interactive experiences on a static site, including:

- Forms without servers

- Live JavaScript runner

- Theme switcher (light/dark mode)

- Persistent notes app

- Filterable lists and search

- Markdown to HTML converter

- JSON viewer/formatter

- Interactive diagrams with Mermaid.js

- And much more!

## Games

Check out the `/games` directory for a collection of simple browser games, including:

- Clicker Game

- Tic Tac Toe

- Memory Match

- And more!

## For Developers

This project is a fork of [attogram/base](https://github.com/attogram/base) and serves as a living example of what you can do with GitHub Pages. Feel free to fork this repository and build your own interactive static sites!