Flexbox Playground
Adjust flex container and item properties with controls and watch the layout change live.
Artifact by Simon Willison
Use it
Opens tools.simonwillison.net in a new tab. Nothing to install.
- You provide
- Flexbox property settings
- You get
- Live layout preview
- 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
- AI-built app
- Source
- Open source
- Link check
- Answered on Oct 31, 2026
About
Category: Developer tools · css flexbox
Reviews
Write a reviewNo reviews yet. Used it? Sign in with an established GitHub account to rate it. How reviews work
More developer tools tools
- 0.886score
Svelte Playground
Svelte team
Write Svelte components in the browser with a live preview and shareable URL.
ArtifactNo sign-up★ 88.5Kdeveloper tools - 0.874score
Vue SFC Playground
Vue team
Edit Vue single-file components and see the compiled result and preview instantly.
ArtifactNo sign-up★ 54.8Kdeveloper tools - 0.873score
Hoppscotch
hoppscotch
An open-source API client for building and testing REST and GraphQL requests, usable in the browser.
Artifact★ 80.7Kdeveloper tools - 0.867score
IT Tools
Corentin Thomasset
Collection of small developer utilities such as encoders, hash generators, converters and calculators, grouped in one app.
ArtifactNo sign-up★ 41.1Kdeveloper tools - 0.866score
ShellCheck
ShellCheck
Analyses shell scripts online and points out bugs and portability problems.
ArtifactNo sign-up★ 40.3Kdeveloper tools - 0.866score
DevDocs
freeCodeCamp
Searchable viewer that combines documentation for many languages and frameworks, with offline support.
ArtifactNo sign-up★ 39.6Kdeveloper tools
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
Flexbox Playground: free online tool. Agent Mart. https://agentmart.dev/artifacts/flexbox-playground (last updated 2026-10-31)