Halden Miller/Publish
Add a pricing sectionWorked1 section · 4s
BYQ Website BuilderDescribe a site, edit it in place, publish it on your domain.
cursor›search_byq_sections("pricing")MCPThe whole library inside Claude, Cursor or any agent you code with.
SectionsReady-made page blocksTemplatesFull sites to start fromGemsMotion and micro-interactionsDesign SystemsColour, type and spacingWireframesLow-fi layout skeletonsIconsFour open-source packs, one hub
CommunitySites built with BYQUpdatesWhat shipped this weekBlogNotes on design and tooling
Pricing
Learn
Log InLog InLaunch BYQLaunch BYQ
Open appOpen app

Create

Website BuilderDescribe a site, edit it, publish itMCPThe library inside Claude and Cursor

Library

SectionsReady-made page blocksTemplatesFull sites to start fromGemsMotion and micro-interactionsDesign SystemsColour, type and spacingWireframesLow-fi layout skeletonsIconsFour open-source packs, one hub

Explore

CommunitySites built with BYQUpdatesWhat shipped this weekBlogNotes on design and tooling
PricingLearn
Log InLog InLaunch BYQLaunch BYQ
Open appOpen app
Loading search

Popular

What are AI tokens?
FAQ
How do I connect the MCP?
FAQ
Your own domain and hosting
Website Builder
Which plan should I choose?
FAQ
How do I cancel my subscription?
FAQ
How do I contact support?
FAQ
↑↓ navigate↵ openesc close
Sections
Introduction
Getting Started
How Sections Work
Best Practices
Cleaning Classes, Deep Dive (Webflow)
Copy Prompt
Themes
Remix a section with AI
Exploring sections (Filters Overview)
Copy to HTML, Shopify and screenshot
Build a page with Sections Composer
Export from Sections Composer
I pasted and nothing happened
Copy Prompt, MCP or Converter: which should I use?
How the AI section builder works
Templates
Introduction
Access & Plans
Working with Variables (Webflow)
Customizing Pages & Sections (Webflow)
CMS & ECommerce (Webflow)
Before Publishing Checklist (Webflow)
Choosing the Right Product
Formats and what each unlocks
MCP
Introduction
Getting Started
Library mode or site mode
Connecting your AI tool
The tools explained
Finding and using components
Finding and using gems
Finding and applying design systems
The full workflow
Best Practices & Limits
Website Builder
What is the Website Builder
Start here: which way to build
What uses tokens, and what is free
Build with your own AI tool
Start a site and answer the setup questions
The editor at a glance
Edit by chat
Click to edit
Style panel and themes
Pages, menu and 404
CMS
Versions, undo and restore
Publish and keep a free site online
Your own domain and hosting
Search, analytics and security settings
Forms and integrations
Export, archive and delete
Emails and troubleshooting
Design Systems
Introduction
Getting Started
What’s inside a Design System
The four files explained
Using DESIGN.md with AI tools
Using token files in code & design tools
From AI back to Webflow (Webflow)
Best Practices & Limits
Generate your own design system
Restyle a builder site with a design system
Gems
What are gems
Finding gems
Copying a gem
Using gems with your AI tool
Gems, plans and limits
My gem did not animate after I pasted it
Icons
What is the icon library
Copying and downloading icons
Is the icon library free, and can I use icons commercially?
Wireframes
Introduction
Getting Started (Webflow)
Style Guide Clonable (Webflow)
Variable Anatomy (Webflow)
Way of Working (Webflow)
Copy targets and AI for wireframes
Code Converter
Introduction
Getting Started
How the Converter works (Webflow)
Writing code that converts well
Copying to Webflow and Figma
From AI to Webflow
Best Practices & Limits
When the Converter result looks wrong
FAQ
Accounts & Billing
About BYQ
Pro Plan
Ultra Plan & Template Credits
AI Tokens
Sections
Templates
MCP
Website Builder
Design Systems
Code Converter
Technical Issues & Troubleshooting
Licensing & Usage Rights
Wireframes
Community
Contents
Search
Sections
Templates
MCP
Website Builder
Design Systems
Gems
What are gems
Finding gems
Copying a gem
Using gems with your AI tool
Gems, plans and limits
My gem did not animate after I pasted it
Icons
Wireframes
Code Converter
FAQ
Help
/
Gems

Gems

Gems are single effects, like a magnetic button or a scroll reveal, for anyone building in Webflow, Figma, Framer, plain HTML or with an AI coding tool. Each gem shows which of those it comes in, and the Format filter narrows the library to your platform. To start, open Gems, find one you like and use Copy gem to send it where you build.

Gems Docs Overview

What are gems
A gem is one small effect, like a magnetic button or a scroll reveal, that you copy into your site.
Finding gems
Search the library, narrow it with filters, then open a gem to watch it move before you copy it.
Copying a gem
Copy a gem into Webflow, Figma or Framer, as plain HTML, or as a prompt for your AI tool.
Using gems with your AI tool
Give a gem to your AI coding tool as a prompt, or let your AI tool find gems for you.
Gems, plans and limits
Which gems are free, what Pro adds, and how many gems you can copy in an hour.
My gem did not animate after I pasted it
The usual reasons a pasted gem sits still, and what to check in each box of code.

Gems Quick Links

Explore Gems

Browse every gem by popularity, category and interaction.
Explore GemsExplore Gems
Create
Website Builder
NEW
MCP
NEW
Library
Sections
BYQ Gems
NEW
TemplatesWireframesIcons
Design Systems
design.md
Tools & Others
Sections Composer
HTML to Webflow
Downloads & Power-ups
MCP Tutorial
NEW
Help & Documentation
Wireframes Style GuideWireframes Figma FileClient-First DocsWebflow Clonables
Company
PricingBlog
Updates
FAQSlack CommunityBecome an AffiliatePrivacy PolicyTerms & ConditionsCookies SettingsContribute
Compare
BYQ vs. RelumeBYQ vs. FlowbaseBYQ vs. 21st.dev
recent Templates
Avenir™NextwellReformaNerdstackEvermind™Halden MillerForerunner™For:Human™Birk_form™Explore all templates
Newsletter
Your information is never disclosed to third parties.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Explore BYQExplore BYQLog InLog In
Made in Poland
·
© 2026 BYQ. All Rights Reserved.