Hero banners built with Claude
Twenty-one hero sections — the first thing anyone sees on a page, and the hardest part to get right. Split screens, aurora gradients, particle fields, sliders, WebGL terrain, liquid chrome and more. Every one is live and interactive: open it, resize it, view the source. Ask Claude for any of them on your own site.
Twenty-one hero banner designs, one builder
Each preview below is the real banner running live — not a screenshot. Every one is a self-contained page Claude produced end-to-end: layout, copy, animation and the interactive touches. Describe the one you want and Claude builds it into your site.
See what else Claude builds
Want one of these on your site?
Point Claude at the one you like and describe your business. It builds the banner into your own site, in your colours, with your words — usually in a single message.
Every banner here is a self-contained document: markup, styles and behaviour in one file, no framework and no build step. Ask Claude to adapt one to your brand tokens and it writes it straight into your site.