Live data. Zero infrastructure.

AltSportsData
Widget Marketplace

Embed live sports data on any website in seconds. 65+ widgets across 8 sport categories, ready for HTML, React, Vue, WordPress, and more.

65+
Widgets
8
Sport Categories
40+
Sports Covered
6
Embed Formats

Browse by Sport Category

Every widget is purpose-built for its sport type — the right data fields, the right layout, the right experience.

Embed in Three Steps

From zero to live sports data on your site in under five minutes.

Step 01

Get Your API Key

Sign up at api.altsportsdata.com and grab your free API key. No credit card required to start.

Sign Up Free
Step 02

Choose Your Widget

Browse 65+ widgets across 8 sport categories. Preview live, customize theme and size.

Browse Widgets
Step 03

Copy & Paste

One click copies the embed code. Works with HTML, React, Vue, WordPress, and more.

View Formats

Works Everywhere

Six embed formats so you can drop live sports data into any stack — no backend changes required.

HTML Script Tag

Simple data attributes — recommended for most sites. Just paste and go.

iframe Embed

Fully isolated embed. Best for CMS platforms and no-code tools.

React Component

npm package with TypeScript support, hooks, and error boundaries.

Vue Component

Composition API component with reactivity and lifecycle hooks.

WordPress Block

Paste into any Custom HTML block. Works with Gutenberg and Classic Editor.

Full HTML Page

Complete standalone page — ideal for quick prototypes or static hosting.

script-embed-example.html
<!-- AltSportsData Widget -->
<div
  data-asl-widget="standings"
  data-asl-league-id="YOUR_LEAGUE_ID"
  data-asl-theme="dark"
></div>
<script src="https://widgets.altsportsdata.com/embed/loader.js" async></script>

Each category page shows code snippets for all 6 formats. Pick your stack and copy in one click.

react-component.tsx
// npm install @altsportsdata/widgets
import { ASDWidget } from '@altsportsdata/widgets';

export function MyLeagueWidget() {
  return (
    <ASDWidget
      type="standings"
      leagueId="YOUR_LEAGUE_ID"
      theme="dark"
      onLoad={() => console.log('Widget loaded')}
    />
  );
}
wordpress-block.html
<!-- AltSportsData Widget for WordPress -->
<!-- Paste into a Custom HTML block in the WordPress editor -->

<div
  data-asl-widget="standings"
  data-asl-league-id="YOUR_LEAGUE_ID"
  data-asl-api-key="YOUR_API_KEY"
  data-asl-theme="dark"
  style="max-width: 100%; margin: 0 auto;"
></div>
<script src="https://widgets.altsportsdata.com/embed/loader.js" async></script>