CSS Diner

Game that teaches CSS selectors by choosing the right items on a diner table.

Artifact by flukeout

IndexedMPL-2.0★ 247EducationNo sign-up

Open tool ↗

Write a review

Use it

Opens flukeout.github.io in a new tab. Nothing to install.

Open CSS Diner Source code

You provide: CSS selector strings
You get: Level result and next level
Account: No sign-up needed
AI: No AI: a plain tool
Your input: Not stated: check the tool's privacy notes before using private data
Price: Free to use
Made with: Open-source web app
Source: Open source
Link check: Answered on Oct 31, 2026

About

CSS Diner is an open-source web app in the education category (css selectors). It opens in your browser, so there is nothing to install. You provide CSS selector strings and get level result and next level. It needs no account. It is a plain tool: no AI model is involved. The source code is public on GitHub (flukeout/flukeout.github.io).

Category: Education · css selectors

Reviews

Write a review

No reviews yet. Used it? Sign in with an established GitHub account to rate it. How reviews work

More education tools

See all education tools →

Signals

Stars: 247

Details

Auth: No auth
License: MPL-2.0
Repository: github.com/flukeout/flukeout.github.io
Website: flukeout.github.io/
First seen: Oct 31, 2026
Last checked: Oct 31, 2026
Source: GitHub

Cite this page

CSS Diner: free online tool. Agent Mart. https://agentmart.dev/artifacts/css-diner (last updated 2026-10-31)