Corner Crypto Ticker Pro

A lightweight, customizable, draggable corner crypto ticker for any webpage. Real-time prices & daily change for BTC/ETH/DOGE and custom symbols via OKX/Binance/Coinbase Exchange. Supports drag (optional Shift), resize, click-through to exchange market pages, automatic data-source fallback, and an in-script configuration panel with import/export. Includes best-effort auto logo fetching (overridable by custom logo URL).

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
BFDqt
Daily installs
0
Total installs
1
Ratings
0 0 0
Version
2.4.1
Created
2025-12-20
Updated
2025-12-21
Size
49.9 KB
License
MIT
Applies to
All sites

📈 Corner Crypto Ticker Pro

A lightweight, customizable, draggable crypto price ticker for your browser corner
Works with Tampermonkey and similar userscript managers
Clean, ad-free, built for personal daily use


✨ Features

🔹 Market Display

  • Real-time prices for BTC / ETH / DOGE and any custom crypto assets
  • Supports displaying:
    • Current price
    • Percentage change (%)
    • Absolute change (optional)
  • USDT / USD are shown with $ by default (fully customizable)

🔹 Multiple Data Sources

  • Supports major exchange public APIs:
    • OKX
    • Binance
    • Coinbase Exchange
  • Click any asset row to open the corresponding market page on the exchange
  • Built-in automatic fallback:
    • Automatically switches to another exchange after consecutive failures
    • Configurable failure threshold, cooldown, and priority order

🔹 UI & Interaction

  • Floating overlay on any webpage without interfering with page content
  • Draggable
    • By default, requires holding Shift to prevent accidental moves
  • Resizable
  • Compact layout, suitable for long-term corner display
  • Automatic narrow-width layout adaptation (narrow mode)

🔹 Highly Customizable

Open the configuration panel from the userscript menu to customize:

  • Primary data source exchange
  • Refresh interval (with rate-limit warning)
  • Price change reference time
    • OKX: Today (UTC+8 / UTC0) or 24h
    • Other exchanges: 24h
  • Custom asset list
  • Custom colors (up / down / flat / background)
  • Custom currency symbols
  • Default position and size
  • Import / Export configuration (JSON)

🔹 Automatic Asset Logo Fetching

  • Enabled by default
  • Source: spothq/cryptocurrency-icons
  • Priority rules:
    1. If logo is specified in asset config → use it
    2. Otherwise, attempt automatic fetching by symbol
    3. Fallback to letter placeholder if unavailable

📦 Installation

1️⃣ Install Userscript Manager

  • Chrome / Edge: Tampermonkey
  • Firefox: Tampermonkey / Violentmonkey

2️⃣ Create Script

  • Open Tampermonkey → Create new script
  • Paste the full script code from this project
  • Save and enable

3️⃣ Usage

  • The ticker appears in the top-right corner by default (or your configured position)
  • From the Tampermonkey menu you can:
    • Open configuration
    • Refresh immediately
    • Toggle drag mode
    • Restore default settings

🧩 Asset Configuration Example

[
  { "base": "BTC", "quote": "USDT", "label": "BTC" },
  { "base": "ETH", "quote": "USDT", "label": "ETH" },
  {
    "base": "SOL",
    "quote": "USDT",
    "label": "SOL",
    "logo": "https://example.com/sol.png"
  }
]

⚠️ Compliance & Risk Notice (Important)

This script is for displaying public market data and quick access to public market pages only It does NOT provide or enable any trading functionality

  • No order placement, matching, transfers, deposits, or withdrawals
  • Not investment advice
  • No endorsement of any digital asset or exchange

Regulations regarding digital assets vary significantly by jurisdiction. Users are responsible for understanding and complying with applicable local laws and regulations.

👉 This script is intended for informational, educational, and technical learning purposes only 👉 Any risks arising from usage are borne solely by the user


🛠 Technical Notes (For Maintainers)

  • Pure vanilla JS + DOM + CSS (no dependencies)
  • Uses GM_xmlhttpRequest to bypass CORS
  • UI is fully rebuilt on apply to avoid state inconsistencies
  • Configuration stored as JSON with versioning support
  • Logo fetching is best-effort and not guaranteed

📄 License

MIT License Free to use, modify, and distribute with attribution


❤️ Donate

If you find this project useful, donations are welcome (but never required ❤️)

  • BTC: bc1px58ag6zuyayz96yq4llawd63jk0jl789d7yqrp6ahp6duqhmqfks79lszm
  • ETH / ERC-20: 0xc2db5ce0b7b8ae77f41ff4b4db4220178effd59a
  • SOL: Eaxk2rPqXSFmNk6raeJ7iVMLSFRe3LCUaFowR9Cc37Zc