Free tools Windows power users keep installed
One-click scans. No signup required.
iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more
Add STON.fi’s Omniston swap widget to a web page by loading its CDN script, creating an OmnistonWidget instance with TON Connect configuration, and mounting it into an existing element. For the standalone setup, first host a TON Connect manifest on your application’s domain.
Embed the widget with a CDN script
For a static page or another zero-build integration, load the official script at https://widget.ston.fi/v0/index.js. Once it has loaded, it exposes the constructor as window.OmnistonWidget.
<div id="omniston-widget-container" style="max-width: 420px; margin: 0 auto;"></div>
<script src="https://widget.ston.fi/v0/index.js"></script>
<script>
const widget = new window.OmnistonWidget({
tonconnect: {
type: 'standalone',
options: {
manifestUrl: 'https://YOUR_DOMAIN/tonconnect-manifest.json',
},
},
});
widget.mount(document.querySelector('#omniston-widget-container'));
</script>Replace https://YOUR_DOMAIN/tonconnect-manifest.json with the URL of your real manifest. Ensure the container exists before calling mount(). The widget bundle loads its own styles, so the official guide says a separate CSS import is not needed. See the Omniston Widget documentation for configuration details.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Prepare TON Connect
STON.fi’s guide requires you to create and host your own TON Connect manifest. For the standalone configuration above, the manifest URL must be hosted on the same domain as your application; the guide warns that wallets may reject connections when the domains do not match. The official full guide states: “You must create and host your own TON Connect manifest file.”
#1 Best Overall
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Choose a TON Connect mode
| Mode | What it does | Use it when |
|---|---|---|
standalone |
The widget initializes TON Connect using the manifest URL. | Your page needs the widget’s swap flow without an existing TON Connect setup, such as a small site or landing page. |
integrated |
The widget reuses an already initialized TON Connect SDK instance. | Your application already manages TON Connect state. |
Configuration differs by mode. Follow the official widget guide for the required options for your chosen setup.
Choose the loading method
| Method | Best fit | What to know |
|---|---|---|
| Direct CDN script | A static page or zero-build integration. | Loads the widget from https://widget.ston.fi/v0/index.js and exposes window.OmnistonWidget. |
@ston-fi/omniston-widget-loader npm package |
A bundled application that needs programmatic control over when the widget bundle loads. | The loader exposes the same widget constructor. STON.fi’s source repository explains that the widget is served through a CDN rather than distributed as a fixed-version standalone npm widget package. |
Mount and remove the widget safely
The element passed to mount() must already exist. In a single-page application or conditional view, mount only after the host element is rendered. When the view is removed, call widget.unmount() to tear down the widget. STON.fi’s full guide also documents mount, unmount, and error lifecycle events; consult it when handling lifecycle behavior in your application.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
Understand the CDN version path
The /v0/ segment in the script URL identifies the major version. STON.fi documents non-breaking updates within that major and says breaking changes will use a later major path. Recheck the official documentation and the version path you use when maintaining a production integration; CDN versioning details can change.
Optional: Configure referral fees
The widget documentation says integrators can set referrerAddress and referrerFeeBps to configure a referral fee. STON.fi gives a range of 1–100 basis points (0.01%–1%) per swap. Its widget documentation directs readers to a separate Referral Fees guide for payout details and best practices; those details are not specified here.
Quick Recap
Best Value
- Ultra-Fast Data Transfers: Experience the power of 5Gbps transfer speeds with this USB hub and sync data in seconds, making file transfers a breeze.
- Long Cable, Endless Convenience: Say goodbye to short and restrictive cables. This USB hub comes with a 2 ft long cable, giving you the freedom to connect your devices exactly where you need them.
- Sleek and Compact: Measuring just 4.2 × 1.2 × 0.4 inches, carry the USB hub in your pocket or laptop bag and connect effortlessly wherever you go.
- Instant Connectivity: Anker USB-C data hub offers a true plug-and-play experience, instantly connecting your devices and enabling seamless file transfers.
- What You Get: 2ft Anker USB-C Data Hub (4-in-1, 5Gbps) , welcome guide, our worry-free 18-month warranty, and friendly customer service.
Rank #4
- 5 in 1 Connectivity: The USB C Multiport Adapter is equipped with a 4K HDMI port, a 100W USB C PD port, a 5 Gbps USB A data port, and two 480 Mbps USB A ports
Rank #3
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
