The full source for Halyard, the component showcase page you can try live at https://risendune-halyard.whop.site.

What you get:

• The complete project: one hand-editable index.html (no framework), the Cloudflare Worker and Vite config, ready to deploy as a Whop website with one command.
• A 3D ID badge hanging from a lanyard with real rope physics: drag it or throw it and it swings, twists and flips.
• A settings panel for finish, clip metal, card and band colours, size and gravity, plus uploaded front, back and band images.
• Working Preview/Code tabs, Copy for AI and shareable settings links, in a layout that follows the system’s light or dark setting.
• A README covering rebranding and deployment.

The demo brand, content and figures are fictional and included for reference. Delivered as a zip download.