BYQ Gems
275 micro-interactions and motion effects: magnetic buttons, cursor trails, scroll reveals, kinetic type. Copy one to Webflow, Framer, Figma or HTML, or hand it to your AI.
Timing, easing, physics, restraint. The four things generated sites still get wrong, and the four things every gem is built around.
Paste it
Into Webflow, Framer, HTML or Figma, as one self-contained piece with its styles and script.
Or prompt it
A brief for Claude Code, Cursor, Windsurf, v0, Bolt, Lovable or Replit, timing values included.
Each gem packages itself as a brief: its markup, styles and script, every timing value and the reduced-motion rule, for Claude Code, Cursor, v0, Lovable and the rest.
Browse the gemsThe whole library as 8 tools inside your AI app. Ask for a magnetic hover or a scroll reveal and the gem arrives as code, timing included.
Set up the MCPOn a site built in the BYQ Website builder, select a heading or a grid and ask for the gem. It lands on that element, timing intact.
Open the Website builder

