Interactive, in-browser tools for everyday frontend work — live code editing, CSS generators and SEO essentials. Everything here runs in your browser, free, with no sign-up.
Write HTML, CSS and JS and see the result live in a sandboxed preview — like a mini CodePen.
Try Tailwind CSS utility classes live, powered by the official Tailwind Play CDN.
Design a CSS Flexbox layout visually and copy the code.
Design a CSS Grid layout visually and copy the code.
Design rounded corners visually — per corner or all at once.
Design single or layered CSS box-shadows visually.
Design a frosted-glass CSS effect visually and copy the code.
Generate random organic blob shapes as SVG for backgrounds and decoration.
Shrink SVG file size by removing comments, metadata and redundant markup.
Design linear and radial CSS gradients visually and copy the code.
Generate harmonious colour palettes from a base colour.
Generate SEO meta, Open Graph and Twitter Card tags for any page.
Generate valid Schema.org JSON-LD structured data for common page types.
Build a robots.txt with crawl rules and your sitemap URL.
Build a sitemap.xml file from a list of URLs, with changefreq and priority.
Generate a full favicon set plus a ready-to-use web app manifest.