center_focus_strong

bzr-dial.ui

Web Works Systems
COORD: 34.22.91 // SEC: ALPHA
precision_manufacturing Premium Web Component

bzr-dial.ui

Tactical web components for the modern web. Physics-based radial dial. Zero dependencies. 60 FPS. Fully customizable.

Zero Dependencies Touch Optimized Shadow DOM 60 FPS
1,744 Lines of Code
0 Dependencies
~12KB Min+Gzip
Works with: React Vue Angular Svelte Vanilla JS No Build
encrypted Classified Intel

Packed with Premium Features

Everything you need to deploy mission-critical interfaces with zero overhead.

3d_rotation

Physics-Based Interaction

Smooth inertial scrolling with intelligent snapping. Feels natural on any device.

perm_media

Rich Media Support

Built-in audio visualization, video playback, maps, iframes, email forms, and phone dialers.

palette

Fully Customizable

CSS variables for colors, sizes, and animations. Adapts to your brand instantly.

touch_app

Touch Optimized

Haptic feedback, gesture support, and mobile-first design. Perfect for PWAs.

speed

Lightning Fast

Hybrid Canvas/DOM rendering ensures 60 FPS even with complex animations.

visibility_off

Shadow DOM

Fully encapsulated. No style conflicts, no global pollution. Drop it in anywhere.

hub

Framework Agnostic

Works with React, Vue, Angular, Svelte, or vanilla JS. No build step required — just a script tag.

deployed_code

Tactical Icon Set

8 built-in HUD-style SVG icons auto-resolve by data type — audio, video, image, email, phone, map, iframe, links. Override with your own anytime.

Deployment

Drop In. Deploy.

Two lines of code. No build tools, no npm install, no framework lock-in. Icons auto-resolve from the built-in tactical icon set based on data type.

quick-start.html
<!-- Option A: CDN (Evaluation tier — $4.99/mo) -->
<script src="https://cdn.bzzrr.link/bzr-dial-menu.js"></script>

<!-- Option B: Self-hosted (Single+ license) -->
<script src="bzr-dial-menu.js"></script>

<!-- Drop it in. Icons auto-resolve by data type. -->
<bzr-dial-menu license="BZRD-XXXX-XXXX-XXXX-XXXX">
  <bzr-item label="Music"  data-audio="track.mp3"></bzr-item>
  <bzr-item label="Video"  data-video="clip.mp4"></bzr-item>
  <bzr-item label="Gallery" data-image="photo.png"></bzr-item>
  <bzr-item label="Email"  data-email="hello@bzzrr.link"></bzr-item>
  <bzr-item label="Call"   data-phone="+155****4567"></bzr-item>
  <bzr-item label="Map"    data-map="37.7749,-122.4194"></bzr-item>
  <bzr-item label="Docs"   data-iframe="https://docs.bzzrr.link"></bzr-item>
  <bzr-item label="Home"   href="#home"></bzr-item>
</bzr-dial-menu>
code View Source on GitHub 8 data types with auto-resolving tactical icons
Developer Edition
token NFT Share Certificate

Own a Piece of Web Works Systems

The Developer Edition isn't a license — it's equity in Web Works Systems. Buy in, submit PRs, get voted in, and earn lifetime dividends from every sale. Secured on Solana. Enforced on-chain.

  • 15% contributor revenue pool — auto-split on-chain
  • Governance rights — vote on features & roadmap
  • Full source code access from day one
  • 10% of net revenue to painted dog conservation
View Pricing
Arsenal

Built on Proven Tech

No bloat. No black boxes. Every layer is battle-tested open source.

code Vanilla JS Web Components
style Tailwind Utility CSS
bolt Vite Build + Vitest
server Node/Express Backend API
payments Stripe Checkout + Webhooks
deployed_code IPFS Config Delivery
Interactive Demo

Try It Live

Click the dial to open. Drag to rotate. Click the active item.

Pricing

Simple, Transparent Pricing

Start at $4.99/mo or buy outright. Lifetime updates included.

CDN

Evaluation

$4.99 /mo
  • CDN-delivered component
  • Bundled + compiled JS
  • Latest version always
  • Discord access
  • Cancel anytime

Single License

$49 one-time
  • Compiled component
  • Use in 1 project
  • Lifetime updates
  • Email support
  • Commercial use
Most Popular

Team License

$149 one-time
  • Full source code
  • Unlimited projects
  • Lifetime updates
  • Priority support
  • Commercial use
  • Up to 10 developers
NFT
Coming Soon

Developer Edition

From $500
  • Full source code
  • Lifetime dividend share
  • Governance voting rights
  • Submit & vote on PRs
  • On-chain via Solana

Enterprise

Custom
  • Everything in Team
  • Custom features
  • Dedicated support
  • SLA guarantee
  • White-label option
  • Unlimited developers
Intel

Frequently Asked Questions

What do I get with the Single License?

The compiled, production-ready component. Drop it into any project — no build tools needed. Includes lifetime updates and email support.

What's the Evaluation tier?

$4.99/month gets you CDN-delivered access to the bundled, compiled JS — always the latest version. Includes Discord access. Cancel anytime. Upgrade to a license whenever you're ready.

When do I get source code access?

Full source code unlocks at the Team License ($149) and above. The Developer Edition also includes source code plus governance rights and lifetime dividends.

Can I use this commercially?

Absolutely. All licenses include commercial use rights.

Do you offer refunds?

Yes — 30-day money-back guarantee, no questions asked.

What browsers are supported?

All modern browsers: Chrome, Firefox, Safari, Edge. IE11 is not supported.

Do I need a framework?

No. Works with vanilla JS, React, Vue, Angular, or any framework that supports Web Components.

How do updates work?

You'll get email notifications when updates are released, with instant download access.

How does licensing work?

Each purchase generates a unique license key (BZRD-XXXX-XXXX-XXXX-XXXX) using HMAC-SHA256. Download tokens expire after 24 hours. Licenses never expire. Unlicensed usage shows a watermark overlay.

What's the IPFS config system?

An online configurator generates your custom config and uploads it to IPFS. The component fetches the config via CID, authorized by your API key. Fully decentralized — no centralized server dependency.

Is there a patent?

Yes — a provisional patent application was filed May 31, 2026 for the "Physics-Based Radial Dial Web Component with Integrated Inline Media Overlay System." Covers the hybrid Canvas/DOM rendering, inertial physics, and inline multi-modal content overlay.

rocket_launch

Ready to Elevate Your UI?

Join developers building stunning interfaces with bzr-dial.ui. One-time payment. Lifetime updates.

download Get bzr-dial.ui Now — $49

30-day money-back guarantee • Instant delivery • Lifetime updates • Developer Edition available

10% of net revenue donated to African wild dog conservation 🦁