Overview

Ready-to-use code examples for integrating the SpeedOf.Me speed test API with various frameworks and platforms. Each example includes a README with setup instructions and best practices.

API Configuration: All examples require your API key and registered domain. Get your API key from the API Portal.

Web

Live demos that run directly in the browser. Click "Live Demo" to see the integration in action.

⚡ Vanilla JavaScript Live Demo

The simplest integration - no frameworks or build tools required. Just plain JavaScript that works in any browser.

View Examples README

⚛ React Live Demo

Functional component with hooks (useState, useEffect). Uses CDN build with Babel standalone for in-browser JSX.

Live Demo README

⚙ Vue.js Live Demo

Vue 3 Composition API with reactive refs. Single-file component using CDN build.

Live Demo README

♦ Angular Source Code

TypeScript service with NgZone integration. Requires build process - download the project template.

View Code README

Mobile Platforms

Native mobile apps use a WebView to run the speed test. Source code shows the WebView setup and JavaScript bridge communication.

iOS (Swift) Source Code

SwiftUI view with WKWebView. Uses WKScriptMessageHandler for JavaScript-to-Swift communication.

View Code README

● Android (Kotlin) Source Code

Activity with WebView. Uses @JavascriptInterface annotation for JavaScript-to-Kotlin communication.

View Code README

⚛ React Native Source Code

Uses react-native-webview package. TypeScript component with onMessage handler.

View Code README

❖ Flutter Source Code

Uses webview_flutter package. Dart widget with JavascriptChannel for communication.

View Code README

Desktop Platforms

Desktop apps embed a WebView to run the speed test. Each example shows the native wrapper and result handling.

⚡ Electron Source Code

Cross-platform desktop app. The API runs directly in the renderer process - no bridge needed.

View Code README

macOS (Swift) Source Code

SwiftUI app with WKWebView. Similar to iOS but with macOS-specific considerations.

View Code README

▣ Windows (C#) Source Code

WPF application with WebView2 control. Uses WebMessageReceived for communication.

View Code README

Development Tips

  • Localhost Testing: To test locally, register localhost:port (e.g., localhost:3000) as a domain in the API Portal.
  • Mobile Data Usage: Speed tests transfer significant data. Consider warning users before testing on cellular connections, or provide an option to limit test duration.
  • WebView Requirements: Mobile/desktop WebView integrations require JavaScript enabled and a valid user agent string.

Community Packages

Community-maintained packages that integrate the SpeedOf.Me API:

Web Frameworks

⚛ react-speedofme

React component with gauge-style UI. Supports customizable colors and text.

GitHub npm

♦ ngx-speed-test

Angular module with built-in Material UI component and TypeScript interfaces.

GitHub npm

☾ useful:speed-of-me Legacy

Meteor package that loads the SpeedOf.Me API into your Meteor client.

GitHub

Desktop Applications

▣ Linspeed

Lightweight Qt-based desktop app for Linux. Multiple themes, report generation.

GitHub

Note: Community packages are maintained independently. Check documentation for compatibility and support.

API Documentation API Portal