UI kit for Webflow, Figma, and Framer. Copy-paste sections, skeletons, and icons for quick mockups.
BYQ Supply
Purpose: UI kit for Webflow, Figma, and Framer. Used for purchasing templates, creating UI mockups, Figma mockups, and Webflow mockups.
Current Useâ
- Creating quick UI mockups in Figma and Webflow
- Purchasing individual templates when needed for specific projects
- Copy-pasting sections, skeletons, and icons directly into projects
- Using Webflow integration for direct paste workflow
Account Accessâ
- Access: BYQ Supply
- Account type: Lifetime access to block library (sections, skeletons, icons)
- Template library: Not included (requires separate subscription per template)
- Credentials: Stored in password manager
How It Worksâ
Copy and paste blocks directly from the BYQ Supply UI into Webflow, Figma, or Framer. The app can be integrated directly into Webflow, allowing browsing and pasting sections into projects in real-time.
Workflowâ
- Browse sections, skeletons, or icons in BYQ Supply dashboard
- Copy selected component (one-click copy)
- Paste directly into Webflow, Figma, or Framer project
- Components are ready to use with proper structure and naming
Resources Availableâ
- 1,300+ sections: Pre-designed blocks taken from premium Webflow templates
- 200+ skeletons: Wireframe framework built on Client-First naming conventions with global variables
- Icons: Curated collection from Remix, Lucide, Feather, and Iconoir (thousands of SVGs)
Sections vs Skeletonsâ
- Sections: Pre-designed blocks perfect for quick wins. Copy individual components (hero, footer, pricing table, etc.)
- Skeletons: Full framework approach. Start as wireframes but come with clonable project using Client-First naming. Set brand colours and fonts once, all skeleton sections adapt automatically.
Costs and Billingâ
- Monthly Cost: ÂŖ0 (Lifetime Access)
- Account Type: Block Library only (Sections, Skeletons, Icons)
- Template Library: Separate subscription required (not included)
- Renewal Date: N/A (lifetime license)
TODOâ
- Scrape all blocks into Figma/Webflow libraries as backup in case they stop trading
- Document Webflow integration setup process
- Create internal library of most-used sections for quick access
Note Context
Importance Rating: Low - This is a convenience tool for speeding up mockups, not mission-critical. We can operate without it if needed.
Backup Strategy: We plan to scrape all blocks into our own Figma/Webflow libraries as a backup, but this is a future task - we are NOT currently backing up from there yet.
Focus Areas for Note:
- Emphasize it's a time-saving tool for quick mockups, not a dependency
- Clarify we have lifetime access to block library only (not templates)
- Note the Webflow integration capability
- Mention the backup scraping is a planned future task, not current practice