CSS Art Playground
Create illustrations using only CSS
About this tool
A live CSS playground for creating pure CSS illustrations and animations. Edit HTML and CSS in real time with an instant preview rendered in a sandboxed iframe. Start from one of the built-in examples — sunset, smiley, spinner, card, or checkerboard — and customize freely.
How to use
- Choose an example from the dropdown to get started
- Edit the HTML and CSS panels — the preview updates live
- Click Copy HTML+CSS to copy the code to your clipboard
- Click Download HTML to save a standalone file you can open in any browser