Flappy Bird Made with HTML and CSS, No JavaScript

Name: Flappy Bird Made with HTML and CSS, No JavaScript
Availability: InStock
Author: Garora

by Garora·Mar 26, 2026·3 points·0 comments

Visit Project View on HN

AI Analysis

○PassRabbit Hole

CSS-only Flappy Bird is a fun five-minute novelty with no practical use beyond the demo itself.

Strengths

•Pure CSS animation and checkbox hacks achieve game mechanics without a single line of JavaScript.
•Working prototype demonstrates extreme constraint-based frontend craftsmanship.

Weaknesses

•Only works on desktop Chromium browsers, excluding Firefox, Safari, and all mobile users.
•No practical application beyond being a technical curiosity to show friends once.

Post Description

Only works on desktop chromium browsers. Tested on edge and chrome.

Here is how I made it https://blog.scottlogic.com/2026/03/09/noJS-3-flappy-bird.ht...

Similar Projects

Gaming●●Solid

CSS-Only 3D/2D 1D Chess

Full chess game state in pure CSS—no JS—which shouldn't be possible.

WizardryRabbit Hole

davidsojevic

401mo ago

Developer Tools●Mid

HJX – An AI-Native Web Language Unifying HTML, CSS and JavaScript

Single-file UI language for AI generation, but no evidence it reduces tokens vs normal dev flow.

Big BrainShip It

loayabdalslam

253mo ago

Education●Mid

CodeSprout – HTML Vibecoder for Kids

You get a single-file editor + live preview and an "Ask Assistant" pane so you can prompt or tweak a small game (the Simon board and WebAudio tones run in the browser). The interface is friendly and immediately usable for teaching or tinkering, but it's essentially a focused CodePen-style playground — useful and charming for lessons, not a novel platform — and would benefit from clearer onboarding, save/share, and structured exercises.

CozyCrowd Pleaser

dpweb

103mo ago

Infrastructure●●Solid