CryptoMarquee Widget Demo
Embeddable cryptocurrency price marquee for your website
Add live, auto-updating cryptocurrency prices to your website in under a minute — no coding, no API key, no backend required. The CryptoMarquee widget is a single script tag that renders a smooth scrolling ticker of top cryptocurrencies, powered by The Coin Analysis's own price data.
It's built for crypto blogs, exchange review sites, portfolio trackers, DeFi projects, and any website that wants to show real-time market data without building or maintaining its own price feed. Drop it in, customize the theme and speed, and it just works.
Integration: Simply add a div with an ID and include our script tag. The widget will automatically initialize and fetch live crypto prices.
Default Widget
<div id="crypto-marquee-default"></div> <script src="https://www.thecoinanalysis.com/widgets/crypto-marquee-widget.js"></script>
Fast Animation (20s)
<div id="crypto-marquee-fast" data-speed="20"></div>
Dark Theme
<div id="crypto-marquee-dark" data-theme="dark"></div>
Compact (10 coins, no changes)
<div id="crypto-marquee-compact" data-count="10" data-show-change="false"></div>
Why use this widget
- ✓100% free — no subscription, no usage cap
- ✓No API key or account required — just paste the script tag
- ✓Lightweight — about 15KB minified, won't slow down your site
- ✓Fully customizable — theme, speed, coin count, and more via simple data attributes
Configuration Options
| Attribute | Default | Description |
|---|---|---|
| data-speed | 40 | Animation speed in seconds |
| data-count | 15 | Number of cryptocurrencies to display |
| data-theme | "light" | "light" or "dark" theme |
| data-api-url | auto | Custom API endpoint URL (advanced) |
Features
- ✓Real-time cryptocurrency prices
- ✓24h price change indicators
- ✓Smooth, hardware-accelerated animations
- ✓Responsive design
- ✓Light and dark themes
- ✓Configurable speed and count
- ✓No external dependencies
- ✓SEO-friendly backlinks
Integration Examples
Basic Integration
<div id="crypto-marquee"></div> <script src="https://www.thecoinanalysis.com/widgets/crypto-marquee-widget.js"></script>
WordPress Integration
<!-- Add to your theme's header.php or use a Custom HTML block --> <div id="crypto-marquee"></div> <script src="https://www.thecoinanalysis.com/widgets/crypto-marquee-widget.js"></script>
React/Vue Integration
// Add to your component
useEffect(() => {
const script = document.createElement('script');
script.src = 'https://www.thecoinanalysis.com/widgets/crypto-marquee-widget.js';
document.body.appendChild(script);
return () => document.body.removeChild(script);
}, []);
// JSX
<div id="crypto-marquee"></div>Frequently asked questions
Is this widget really free?+
Yes, completely free with no usage limits or subscription. It's provided by The Coin Analysis as a free tool for the community.
Do I need an API key or account?+
No. Just add the script tag and a container div to your page — the widget handles everything else automatically.
Will it slow down my website?+
The widget is about 15KB minified and loads asynchronously, so it won't block your page from rendering.
Can I customize how it looks?+
Yes — you can adjust the animation speed, number of coins shown, light/dark theme, and whether to show 24h price changes, all via simple HTML data attributes.
Where does the price data come from?+
The widget pulls live data from The Coin Analysis's own price API, updated continuously.
Can I use my own API instead?+
Yes, advanced users can point the widget at their own API endpoint using the data-api-url attribute, as long as it returns data in the expected format.
