Crypto Heatmap Widget
See the entire cryptocurrency market in one visual. Vunelix's free crypto heatmap widget displays Bitcoin, Ethereum, Solana, and thousands of altcoins as blocks — sized by market cap and colored by price change. Spot which coins are pumping, which are dumping, and where the money is flowing. Traders use heatmaps to quickly identify the best coin to buy now based on momentum and market cap dominance. Filter by coin type — DeFi, meme coins, stablecoins, Layer 1, gaming — and switch between 1-hour, daily, and weekly views. Embed it on any website with one snippet.
Sign up for free, add your website domain, and paste the embed code above into your HTML. Your widget will activate automatically.
Which type of crypto to show (e.g. all coins, DeFi only, meme coins). Visitors can change it.
How items are arranged in the heatmap. Larger blocks appear first.
What determines each block's color. E.g. "Change 1D %" colors by today's price change.
How many blocks to show. More items = more data but slower load. Visitors can change this.
Automatically refresh data every 1 minute.
Show a dropdown in the toolbar to switch between crypto categories (Coins, DeFi, etc.).
Show a dropdown in the toolbar to change the sorting order.
Show a dropdown in the toolbar to change which metric colors the blocks.
Show a dropdown in the toolbar to change how many items are displayed.
Show a gear icon in the toolbar. Lets visitors change logo, color mode, and block labels.
Show a camera button in the toolbar to download the heatmap as an image.
Show a button in the toolbar to expand the heatmap to fullscreen.
Show zoom in, zoom out, and reset buttons in the toolbar.
Allow visitors to zoom in and out of the heatmap using the mouse scroll wheel.
Show a color scale bar at the bottom of the heatmap explaining what the colors mean.
Show a small info box when the visitor hovers over a heatmap block.
Show a detailed popup with price, change, and links when a visitor clicks on a heatmap block.
Show the company or coin logo inside each colored block.
Round the corners of each colored box in the heatmap grid.
Fixed Steps: each range gets a solid color (e.g. -1% to 0% = light red). Gradient: colors blend smoothly based on exact value.
Text shown inside each block. Symbol = short code (AAPL), Name = full name (Apple Inc).
Number shown below the label. "Selected Metric" shows the same value used for coloring (e.g. Change 1D %).
Show an overview link in the click popup for each heatmap block.
Show a chart link in the click popup for each heatmap block.
Your custom page URL for the overview link in the popup. E.g. yoursite.com/stocks/{{symbol}} becomes yoursite.com/stocks/AAPL. Leave empty for Vunelix page.
Your custom chart page URL in the popup. E.g. yoursite.com/chart/{{ticker}} becomes yoursite.com/chart/NASDAQ:AAPL. Leave empty for Vunelix chart.
Applies to Overview URL only. Chart URL always opens in a new tab.
Save visitor choices (selected tab, time period, and other settings) so they stay the same when the page reloads.
Language used for all text inside the widget.
Auto matches your site's dark/light mode — when visitors switch your site theme, the widget follows automatically. Choose Light or Dark to keep it fixed.
Remove the widget background color so it blends with your page.
If you have your own loading spinner or skeleton on the page, enter its ID or class here (e.g. #my-loader). The widget will remove it once data is ready.
Add your own CSS code to change fonts, colors, spacing, or any other styling in the widget.
Color for positive values (gains, up arrows).
Color for negative values (losses, down arrows).
Main background color of the widget.
Background color for cards, rows, and hover states.
Primary text color for headings and values.
Color for labels, descriptions, and muted text.
Color for borders, dividers, and outlines.
Cryptocurrency Market — Visual Overview
The crypto heatmap displays 5000+ cryptocurrency coins as market-cap-weighted blocks. Bitcoin takes the largest area, Ethereum the second, and everything from Solana and XRP to smaller altcoins fills in proportionally. Each block is colored by price change — green shades for gains, red for losses — with intensity showing how big the move is. One glance tells you whether the cryptocurrency market is bullish or bearish today without scrolling through any table or checking individual coin pages.
Find the Best Coins to Watch
This free crypto heatmap widget makes it easy to spot coins worth watching. A small block turning bright green means a low-cap altcoin is surging — potential early momentum. A large block turning red signals a major sell-off in a top cryptocurrency. Traders scan the heatmap to find the best coin to buy now based on real-time price action and market cap weight. Vunelix pulls live data from Binance, Coinbase, and other major exchanges so the colors reflect actual market activity.
Filter by Cryptocurrency Category
Not all crypto is the same. Filter the heatmap by category — DeFi tokens, meme coins like DOGE and PEPE, stablecoins, Layer 1 blockchains, gaming tokens, or the full market. Each category view shows only relevant coins, making it easier to analyze specific sectors of the cryptocurrency market instead of sorting through thousands of coins at once.
Key Features
- 5000+ cryptocurrency coins — BTC, ETH, SOL, XRP, BNB, ADA, DOGE, and the full market.
- Market cap-weighted — block sizes reflect real market dominance.
- Category filters — DeFi, meme coins, stablecoins, Layer 1, gaming, and more.
- Live prices — color intensity updates in real time as prices move.
- Multiple timeframes — 1-hour, daily, and weekly views.
- Interactive — hover or tap any block for coin name, price, change, and market cap.
How to Embed the Crypto Heatmap
Select a default category, timeframe, and theme. The preview redraws live as you adjust settings. Vunelix generates self-contained embed code — paste it into your HTML and the crypto heatmap loads automatically. No API key, no backend, no iframe.
Works on WordPress, Webflow, Wix, Squarespace, Shopify, Elementor, Ghost, and any page that accepts custom HTML.
Who Uses Crypto Heatmaps?
Crypto news sites put the heatmap at the top of their homepage — it answers the first question every visitor has: is the market up or down today? DeFi dashboards embed it alongside portfolio trackers to show broader cryptocurrency market context. Trading communities add it to forums so members spot momentum before discussing individual coins. Sites that previously linked out to CoinGecko or TradingView heatmaps now embed Vunelix's widget directly — keeping visitors on their own page instead of sending them to a competitor.