Bringing Hyperliquid Data to Every Website

Since launching HyperX, one of the most frequent requests we have received is simple: "Can I put this on my own site?" Content creators want to embed a live trader dashboard in their blog posts. Portfolio trackers want Hyperliquid wallet analytics alongside their existing data. Trading communities want a leaderboard on their homepage.

Until now, the answer was always "link to HyperX." That works, but it forces users to leave the site they are on and means third-party platforms cannot offer Hyperliquid analytics as a native part of their product.

Today we are launching HyperX Embeddable Widgets — self-contained, iframe-based components that any website can integrate in minutes. Drop a single HTML tag into your page, and your visitors get live Hyperliquid data with the same quality and real-time performance as the HyperX platform itself.

Two Widgets, Two Use Cases

The initial launch includes two embeddable widgets, each designed around a distinct and commonly requested use case.

Trader Embed: Real-Time Trader Analysis

The Trader Embed widget provides a complete, live view of any Hyperliquid trader's activity. Specify a wallet address, and the widget renders a compact analytics panel showing the trader's current open positions, unrealized and realized PnL, performance metrics, and recent trade history.

The data is not static. The widget maintains a persistent WebSocket connection to HyperX's backend, which means position updates, PnL changes, and new fills appear in real time as they happen on-chain. When a trader opens a new position, your embedded widget reflects it within seconds. When they close a trade and realize profit or loss, the PnL figures update immediately.

Trading educators can embed a live view of their own wallet on course pages, letting students see real trades instead of cherry-picked screenshots. Content creators can embed a trader's wallet directly in an article for live context. Community leaders can replace static screenshots with a persistent, self-updating widget.

The widget is fully self-contained — it handles data fetching, WebSocket management, reconnection logic, and rendering. The embedding site does not need to run any JavaScript, manage any API keys, or handle any data processing.

Wallet Discover Embed: Browsable Leaderboard

The Wallet Discover Embed provides a browsable leaderboard of top-performing Hyperliquid wallets. It surfaces the same data that powers HyperX's wallet discovery feature — ranked lists of traders with key performance metrics including PnL, ROI, win rate, and trade volume.

Unlike the Trader Embed, which focuses on a single wallet, the Discover Embed is designed for exploration. Visitors can browse through the leaderboard, compare traders across different metrics, and identify wallets worth following.

This widget fits naturally into platforms that aggregate trading intelligence. A crypto news site can embed the leaderboard on their Hyperliquid coverage page. A portfolio management tool can include it as a discovery feature, letting users find new wallets to track without leaving the platform. A trading community can embed it on their homepage as a live scoreboard that keeps members engaged.

Integration: One Line of HTML

Embedding a HyperX widget requires no SDK, no npm package, no build step, and no backend integration. Each widget is delivered as a standard iframe that you paste into your HTML.

For the Trader Embed, you specify the wallet address as a URL parameter. The iframe loads, connects to HyperX's infrastructure, and begins streaming live data. For the Wallet Discover Embed, no parameters are needed — the iframe loads the default leaderboard view with all filtering and sorting capabilities built in.

Both widgets are responsive and adapt to the container width, rendering correctly in full-width areas or narrower sidebars. The iframe sandbox completely isolates widget styles and scripts from the host page — no CSS conflicts, no JavaScript collisions, no layout interference.

Under the hood, the widgets connect to the same infrastructure that powers the main HyperX platform. They deliver identical data fidelity and update frequency as the native experience, running securely within an isolated iframe sandbox.

Branding and Attribution

Every HyperX widget includes built-in branding elements. A subtle HyperX logo watermark appears within the widget, and a "Powered by HyperX" footer is rendered at the bottom of each embed. These elements are part of the widget's design and cannot be removed or modified by the embedding site.

For HyperX, this ensures attribution — every widget instance introduces new users to the platform. For embedding partners, the branding provides credibility. Visitors understand the data comes from a dedicated analytics platform, which matters when the metrics involve real financial figures like PnL and win rates.

The branding is unobtrusive by design. The watermark uses low opacity that does not interfere with readability, and the footer is compact enough to avoid consuming meaningful vertical space.

The Partnership Program

Alongside the widgets, we are launching the HyperX Partnership Program — a structured collaboration framework for platforms, content creators, and communities that want to integrate HyperX data into their products.

The partnership page on HyperX serves as the entry point. It includes live iframe previews of both embeddable widgets, so potential partners can see exactly what they would be integrating before making any commitment. The previews are not mockups — they are the actual widgets running with live data, demonstrating real-time updates and interaction capabilities.

API Reference for Programmatic Access

Partners who need deeper integration beyond iframe embeds can access HyperX data programmatically through the API. The partnership page includes an API Reference section documenting the available endpoints, authentication requirements, and response formats. This covers wallet analytics, trader performance data, leaderboard queries, and market-wide statistics.

The iframe widgets and the API are complementary — widgets for fast, zero-effort integration, and the API for custom implementations where partners want to build their own interfaces with full control over presentation.

Contact and Inquiry Process

The partnership page includes a contact form where prospective partners can describe their platform, intended use of HyperX data, estimated traffic, and specific integration needs. We review every inquiry and respond with integration guidance and technical documentation. For high-traffic partners or platforms with specialized requirements, we offer custom widget configurations and priority API access.

Why Embeddable Widgets Matter

Most analytics platforms operate as destinations — users come to the platform, consume the data, and leave. This model works, but it limits reach to users who actively seek it out. Embeddable widgets invert this model. Instead of requiring users to come to HyperX, HyperX goes to where the users already are — on blogs, community sites, portfolio trackers, news platforms, and educational resources.

Every embedded widget is a persistent presence on a third-party site, seen by audiences who may never have searched for Hyperliquid analytics. Each impression is an organic introduction to HyperX's data quality and real-time capabilities, delivered in a context where the user is already engaged with relevant content.

For the embedding site, the value proposition is equally clear. Adding live Hyperliquid trader analytics or a wallet leaderboard makes their platform more useful and more differentiated. The integration cost is nearly zero — a single iframe tag — while the value delivered to their users is substantial.

Getting Started

Visit the partnership page on HyperX to see the live widget previews and copy the embed code for either the Trader Embed or the Wallet Discover Embed. Paste the iframe tag into your HTML, adjust the container dimensions if needed, and you are done.

For partnerships that go beyond basic embedding — custom configurations, API access, co-branded experiences, or high-volume integrations — use the contact form on the partnership page to start a conversation. We are actively looking for partners across the Hyperliquid ecosystem and the broader crypto analytics space.

The widgets are live now. Embed them, share them, and bring real-time Hyperliquid analytics to your audience wherever they are.

Frequently Asked Questions

Do I need an API key to use the embeddable widgets? No. The iframe-based widgets work without any API key or authentication. Paste the embed code into your HTML and the widget handles everything automatically.

Can I customize the appearance of the widgets? The widgets are designed to be visually consistent with the HyperX platform. The branding elements (logo watermark and Powered By footer) are built in and cannot be removed. The widgets are responsive and adapt to the container width you provide.

Is there a cost to embed the widgets? The standard embeddable widgets are free to use. For advanced partnerships involving custom configurations, dedicated API access, or high-traffic integrations, contact us through the partnership page.

How real-time is the data in the Trader Embed? The Trader Embed maintains a persistent WebSocket connection and displays data with the same real-time fidelity as the main HyperX platform. Position updates, PnL changes, and new fills appear within seconds of occurring on-chain.

Can I embed a widget for any wallet address? Yes. The Trader Embed accepts any valid Hyperliquid wallet address as a parameter. If the wallet has trading history on Hyperliquid, the widget will display its data.