How-to use components

Stop guessing, start building with components!

What are components?

Struggling to get the right football data for your app? Tired of digging through documentation, tweaking API calls, and hoping for the best? With our components, you can instantly see which API request retrieves the data you need, no guesswork required!

Each component lets you:

• Click on a visual element to see the exact API request behind it.

• Instantly view the API response and understand how to structure the data in your app.

• Reverse-engineer your application with real-world, interactive data.

With components, you’ll learn how to fetch, structure, and implement football data faster than ever and without writing a single line of code.

Why use components?

You're building a football application, and you need live standings, xG insights, or betting odds. You open the API docs, but you're not sure which request retrieves the exact data you need. You try a few requests, tweak the parameters, but still can’t figure out where the data is coming from. Sound familiar?

With components, that frustration is gone. Just click on a visual element, and you'll instantly see:

• Which request is made

• What the response looks like

• How the data is used in a real-world example

Learn by doing

Documentation is great, but nothing beats hands-on experience. Our components give you interactive learning, letting you see API calls in action and understand how to structure your own requests.

Whether you're a seasoned developer or just getting started with the Sportmonks API, these components let you experiment, tweak, and test—giving you the confidence to integrate football data without frustration.

Debug with ease

Got an issue retrieving data? Instead of guessing, just click on a component and see exactly how the request is made. This saves you hours of troubleshooting and ensures you’re using the right API endpoints with the correct parameters.

Works for any football application

From betting platforms to media sites, analytics tools to fantasy football apps, components give you plug-and-play insights that make integrating football data faster, easier, and more efficient.

• The selected part of the visual is highlighted, showing you exactly what data is being retrieved.

• The API request used to fetch that data is also highlighted, along with the relevant include parameters.

• In the code viewer, the specific response fields used to display that data are automatically highlighted, making it easy to see how the information is structured.

How to use the components

1. Select a component

Go to the MySportmonks components page and choose a component that matches the data you want to use in your application. Some popular options include:

• Standings – Track real-time league table updates.

• Head to head – Analyse recent results for two specific teams.

• Odds comparison – Monitor betting odds for different bookmakers and markets

2. Click & interact with the visual

Using the components is simple. Just click on any part of the visual, whether it’s a team, player, match, or statistic. As soon as you interact with an element:

• The selected part of the visual is highlighted, showing you exactly what data is being retrieved.

• The API request used to fetch that data is also highlighted, along with the relevant include parameters.

• In the code viewer, the specific response fields used to display that data are automatically highlighted, making it easy to see how the information is structured.

3. View the API request

When you interact with the visual, the exact API request URL used to retrieve the data appears below the component.

Why this is useful?

• You can copy the request URL and use it in your own application.

• It shows which parameters are required, helping you build efficient API calls.

• You can modify the request to experiment with different data points.

4. Explore the API response

Right next to the request URL, you’ll see the API response data. This is the actual JSON output returned by the API when the request is made.

Why this is useful?

• You can see how the API response is structured before integrating it.

• It highlights which part of the response maps to which UI element.

• If you need a specific data field, you can find its exact location in the response.

5. Implement the data in your app

Now that you have:

• The API request (to fetch the data)

• The API response (to understand the structure)

• The visual example (to see how it should look in an app)

…you can easily integrate the data into your application.

Ready to build smarter, faster, and better?

Start exploring our components today and take the guesswork out of API integration.

Explore components here