Skip to main content

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​

  1. Browse sections, skeletons, or icons in BYQ Supply dashboard
  2. Copy selected component (one-click copy)
  3. Paste directly into Webflow, Figma, or Framer project
  4. 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