We spent years collecting screenshots of good landing pages. Every project started the same way: open the folder, pick three references, rebuild them from scratch. The references never made us faster. They made us more ambitious, then slower.
The gap between inspiration and a page#
A screenshot tells you a hero should have a product view on the right. It does not tell you the spacing, the type scale, how it collapses at 375px, or how to make it in Webflow. That is the work, and every team does it again.
What a section is#
- A finished, responsive layout — tested at every width.
- The same section for Webflow, Framer, Figma, React and more.
- Its tokens and a DESIGN.md, so your brand travels with it.
- Tagged by type and by industry, so you find the one that fits.
We do not want to show you a better hero. We want you to paste one.
Why it works with AI assistants too#
An assistant without a library guesses. With the MCP server, it searches the same sections you browse and returns real code that follows your tokens. The library is the part that keeps the output on-brand.
What comes next#
More industries, more tools, and templates that are just sections in a sensible order. If there is a section you rebuild every project, tell us — it is probably the next one we make.
