Webflow Awards finalist

Sections that look designed, because they were.

2,800+ sections, hand-built by the designers behind our award-winning templates. Paste one into Webflow, Figma or Framer, or hand it to Claude Code as a prompt.

Every day, thousands of designers use BYQ sections to make their own work better, or just to find the right idea faster.

Try it yourself.Copy to your favorite platform.

All free sections

Sustainable Impact Bento Grid

Terra Tory

Property Listings Slider Gallery

Monolith

Tabs with Feature Icons

FRANCO

Paste it where you work.Native elements, ready to edit.

Click Copy, switch to your project and paste. It lands as native Webflow elements, Figma layers or Framer elements, with its styles inside, so it doesn't depend on your variables or style guide.

Explore library

Webflow Awards finalist

Handcrafted, not generated.Every pixel decided by a designer.

Lifted from production templates by BYQ Studio and Wavesdesign, so it already looks finished when you paste it.

Designed by handSpacing, type and colour decided by a designer, not a generator.
10+ years of design practiceThe same team that builds our templates and client sites.
From real production templatesEvery section is lifted from a finished site that shipped.

Ready for the era of AI.Prompt it, connect it, or build with it.

Copy it as a prompt

Each section packages itself as a brief: a reference build, a style map and setup notes, for Claude Code, Cursor, v0, Lovable and the rest.

How Copy Prompt works

Connect the MCP

The whole library as 8 tools inside your AI app. Ask for a section, a wireframe or a design system and it arrives as code.

Set up the MCP

Tool calls the BYQ MCP answered last month, from designers and their agents.

Build with them

In the BYQ Website builder every section is a block you, or the builder’s own AI, can drop into a site and publish.

Open the Website builder

Whatever you need,it’s already in the library.

Open the library

One library, sorted by collection.Pick one and everything matches.

2,800+ sections cut from finished templates. Stay inside a collection and the hero, pricing and footer were designed together.

Browse by collection

Forerunner

FRANCO

&Fold

Forerunner

FRANCO

&Fold

Forerunner

FRANCO

&Fold

Scroll to sort

One library,more ways to build with it.

Frequently askedquestions.

A library of 2,800+ website sections, from heroes and feature grids to pricing tables and footers. Copy one into Webflow, Figma or Framer as native elements, as HTML, or as a prompt your AI coding tool uses to rebuild it in your project.

Every section comes from a real, production-ready template built by BYQ Studio and Wavesdesign, the same designs sold as complete websites.

Every section copies to Webflow, Figma, HTML, a screenshot and an AI prompt. About half also copy to Framer (1,397), and 1,100+ to Shopify. Each section's Copy menu shows exactly what it has.

Yes. Copy Prompt packages a section as a full brief: a React and Tailwind reference build, a map of the styles to swap for your tokens, setup notes and integration steps. Your AI tool reads it and rebuilds the section in your project.

40 sections are free to copy on any account. Pro and Ultra unlock the whole library.

On monthly and quarterly Pro and Ultra plans you can copy up to 300 sections a month. Annual and lifetime plans have no copy limit.

Yes. Pick a preset theme, flip it to an inverted version, or pull a palette from any website’s URL. Layout and type stay the same, and the section copies with your colours.

285 unstyled, variable-based layouts you paste into Webflow or Figma or copy as HTML, for when you want a clean class system to style yourself. Through the BYQ MCP your AI can also use them as React and Tailwind. They have their own page at /wireframes.

Sections that look designed, because they were.

Try it yourself.Copy to your favorite platform.

Sustainable Impact Bento Grid

Property Listings Slider Gallery

Tabs with Feature Icons

Paste it where you work.Native elements, ready to edit.

Handcrafted, not generated.Every pixel decided by a designer.

Ready for the era of AI.Prompt it, connect it, or build with it.

Copy it as a prompt

Connect the MCP

Build with them

Whatever you need,it’s already in the library.

One library, sorted by collection.Pick one and everything matches.

One library,more ways to build with it.

Frequently askedquestions.

What are BYQ Sections?

Where do the sections come from?

Which platforms does each section support?

Can I use sections with Claude Code, Cursor, v0 or Lovable?

How many sections are free?

Is there a copy limit?

Can I change a section’s colours before I copy it?

What are wireframes?