‹ Back to prototype hub

Source code · for developers

Every prototype is one self-contained HTML file — markup, styling, and interaction logic all inline. Hit Copy code to grab the full source, or Download the file. Expand any row to read it inline.

What this code is: the front-end UI/UX layer (HTML + CSS + vanilla JS) — the exact look, layout, animations, and click-flows. It has no backend wired up: payments, the /enroll provisioning call, live video (Agora/LiveKit), and auth are described in the design notes but are mocked here. Your dev can lift these files straight into the real build as the design source of truth, then swap the mocked pieces for live services.
Tip: these files use Google Fonts (Poppins/Inter) and a few Unsplash placeholder images via URL — swap those for your own hosted assets in production. All colors follow the CLYQQ brand kit (red #FF1A1A → pink #FF0066, black #0A0A0A, Poppins).