CSS Grid Lanes Demo
Shows the display: grid-lanes masonry polyfill working across browsers.
Artifact by Simon Willison
Use it
Opens tools.simonwillison.net in a new tab. Nothing to install.
- You provide
- Nothing
- You get
- Masonry layout demo
- 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
- Claude artifact
- Source
- Open source
- Link check
- Answered on Oct 31, 2026
About
Category: Education · css demo
Reviews
Write a reviewNo reviews yet. Used it? Sign in with an established GitHub account to rate it. How reviews work
More education tools
- 0.862score
Learn Git Branching
Peter Cottle
Visual, interactive tutorial and sandbox for learning git commands and branching.
ArtifactNo sign-up★ 34.2Keducation - 0.853score
Qwerty Learner
RealKai42
Combines typing practice with English vocabulary using word lists and pronunciation.
ArtifactNo sign-up★ 23.6Keducation - 0.847score
Lichess Learn
Lichess
Interactive chess lessons teaching piece movement, captures, and checkmate by playing mini games.
ArtifactNo sign-up★ 18.9Keducation - 0.838score
TensorFlow Playground
TensorFlow team (Google)
Train a tiny neural network on toy datasets in the browser and watch the decision boundary form.
ArtifactNo sign-up★ 13.1Keducation - 0.834score
ConvNetJS
Andrej Karpathy
Demos of neural networks trained directly in JavaScript for classification, regression and more.
ArtifactNo sign-up★ 11.2Keducation - 0.829score
CNN Explainer
Georgia Tech Polo Club of Data Science
Interactive diagram of a small convolutional network classifying images, running in the page.
ArtifactNo sign-up★ 9.1Keducation
Details
- Auth
- No auth
- License
- Apache-2.0
- Repository
- github.com/simonw/tools
- First seen
- Oct 31, 2026
- Last checked
- Oct 31, 2026
- Source
- GitHub
More from Simon Willison
- 0.607score
Datasette Lite
Simon Willison
Datasette running in the browser through WebAssembly to explore SQLite and CSV files.
ArtifactNo sign-upIn-browser★ 411data tools - 0.591score
LLM Pricing Calculator
Simon Willison
Enter input, cached and output token counts to see cost per model from a price table.
ArtifactNo sign-up★ 196calculators - 0.478score
GIF Optimizer
Simon Willison
Shrinks animated GIFs with gifsicle running in WebAssembly, from lossless to aggressive presets.
ArtifactNo sign-upIn-browserdesign media - 0.478score
MicroPython Sandbox
Simon Willison
Runs MicroPython in WebAssembly and stores the code in the URL so snippets are easy to share.
ArtifactNo sign-upIn-browserdeveloper tools - 0.478score
Clipboard Backup
Simon Willison
Saves pasted clipboard content in several formats (text, HTML, RTF, images) so you can keep or download it.
ArtifactNo sign-upIn-browserproductivity - 0.478score
Chrome Built-in Model Playground
Simon Willison
Runs prompts against the language model built into Chrome, downloading it on first use.
ArtifactAINo sign-upIn-browserdeveloper tools
Cite this page
CSS Grid Lanes Demo: free online tool. Agent Mart. https://agentmart.dev/artifacts/css-grid-lanes-demo (last updated 2026-10-31)