📱 Advanced Features & Compatibility

Wheelio is engineered with modern web technologies to deliver a fast, reliable, and beautiful experience — on every device, every browser, even offline.

⚡ Progressive Web App (PWA)

Wheelio is a fully compliant Progressive Web App. This means it behaves like a native application — installable, fast to launch, and capable of running without an internet connection — all without ever visiting an app store.

What you get
  • ✅ Install on Home Screen (Android & iOS)
  • ✅ Launches in standalone mode (no browser UI)
  • ✅ Works completely offline after first visit
  • ✅ Auto-updates silently in the background
  • ✅ Fast startup — served from local cache
How to install
  • 🤖 Android / Chrome: tap the install banner or ⋮ → "Add to Home Screen"
  • 🍎 iOS / Safari: tap the Share icon → "Add to Home Screen"
  • 💻 Desktop / Chrome: click the install icon in the address bar
  • 🦊 Firefox: PWA install via browser menu

🖥️ Device Compatibility

💻
Desktop
  • • Optimized two-column layout
  • • Large interactive wheel canvas
  • • Keyboard navigation support
  • • Wide embed builder UI
  • • Multi-monitor friendly
📱
Mobile
  • • Touch-optimized controls
  • • Responsive single-column layout
  • • Tap to spin gesture
  • • Color picker adapted for mobile
  • • Installable as PWA
📟
Tablet
  • • Balanced 2-column layout
  • • Large touch targets
  • • Landscape & portrait modes
  • • iPad-optimized sizing
  • • Works on classroom projectors

🌐 Browser Support

Wheelio works on all modern browsers. No plugins, no downloads, no configuration required.

🌐
Chrome

Full support

🦊
Firefox

Full support

🧭
Safari

Full support

🔷
Edge

Full support

🟠
Opera

Full support

🔧 Feature Deep Dive

🎨 Color Picker

Each segment has a dedicated color selector powered by a full HSL/HEX color picker. Colors are applied in real-time to the wheel canvas as you select them — giving you instant visual feedback of how your wheel will look.

💾 Save & Load (JSON Export)

Export your wheel configuration as a portable .json file. The file includes all labels, colors, and percentages. Load it back at any time on any device. Great for teachers who maintain multiple wheel configurations for different classes.

🔗 Embed Generator

Generate an <iframe> embed code with your exact wheel configuration encoded in the URL. Customize the width, height, and background color of the embed. The embed is interactive — visitors can spin it themselves directly on your page.

🎡 60fps Canvas Animation

The wheel is rendered on an HTML5 <canvas> element using requestAnimationFrame for buttery-smooth animations. The deceleration curve mimics realistic friction physics for a satisfying, natural-feeling spin.

📴 Offline Mode (Service Worker)

Wheelio registers a Service Worker that pre-caches all app assets (JS, CSS, fonts, icons) on first load. Subsequent visits and all spins work entirely without a network connection — perfect for classrooms, events, or areas with spotty Wi-Fi.

🚀 Performance

Wheelio is built with Nuxt 3 and deployed as a fully pre-rendered static site — meaning pages are served as plain HTML with zero server wait time.

~100
Lighthouse Performance
<1s
First Contentful Paint
0
External API Calls at runtime
🎡 Try It Now