CoinPulse brings institutional-grade crypto tracking to your browser. Re-engineered with a stunning Slate & Cyan glassmorphism interface, it delivers real-time market data, surgical-precision charting, and instant token analytics in a package that feels as good as it performs.
We've completely overhauled the visual experience to focus on clarity, depth, and data visibility.
- Deep Slate Theme: A custom-calibrated
#0a0e14dark palette that reduces eye strain while maximizing contrast for charts and data. - Glassmorphism Spec: Translucent cards with
backdrop-blur-smand subtle gradient borders create a sense of depth and hierarchy. - Alive Interactions: Hover effects, glows, and smooth transitions bring the interface to life without distracting from the data.
- Progressive Geometry: A refined radius system (6px to 24px) that guides the eye naturally through information clusters.
👉 Real-Time Market Pulse: Instant access to global market caps, BTC/ETH dominance, and live trending coins driven by CoinGecko's high-frequency endpoints.
👉 Precision Charting: A custom implementation of TradingView Lightweight Charts, offering responsive, interactive candlestick visualization for any asset.
👉 Live Order Flow: Watch trades happen in real-time with our WebSocket-powered trade history and order book visualization.
👉 Smart Conversion: A context-aware currency converter that handles multi-fiat and crypto pairs instantly.
👉 Global Search: Find any asset in seconds with our optimized global search engine, linking directly to deep-dive analytics pages.
CoinPulse is crafted with the latest reliable web technologies:
- Next.js 16 for lightning-fast server-side rendering and edge performance.
- Tailwind CSS v4 for a high-performance, utility-first design system.
- Shadcn/ui for accessible, robust component primitives.
- next-intl for seamless internationalization and unmatched global reach.
Want to run CoinPulse locally?
-
Clone the repo
git clone https://github.com/adrianhajdin/coinpulse.git cd coinpulse -
Install dependencies
npm install
-
Configure Environment Create a
.envfile:COINGECKO_BASE_URL=https://api.coingecko.com/api/v3 COINGECKO_API_KEY=your_key_here NEXT_PUBLIC_COINGECKO_WEBSOCKET_URL= NEXT_PUBLIC_COINGECKO_API_KEY=
NEXT_PUBLIC_COINGECKO_WEBSOCKET_URLis optional. If it is empty or not a validws:///wss://URL, the app keeps the historical chart and disables the live WebSocket stream instead of opening a broken relative socket. -
Launch
npm run dev
Visit
http://localhost:3000.
Last verified on 2026-05-29 with the local .env.local CoinGecko configuration:
npm run lint
npx tsc --noEmit
npm run build
npm audit --omit=dev --audit-level=moderateObserved results:
- ESLint completed with 0 errors and 0 warnings.
- TypeScript completed with
npx tsc --noEmit. - Production build completed successfully on Next.js 16.2.6.
- Production dependency audit reports 0 vulnerabilities after upgrading Next/React and pinning PostCSS 8.5.10 through
overrides. - Browser smoke check completed on
http://127.0.0.1:3210/en,/en/coins, and/en/coins/bitcoin. - The Bitcoin detail page was rechecked after fixing the hydration mismatch and invalid relative WebSocket URL; the verified browser run had 0 console errors.
Current screenshots:
Designed & Engineered for the future of decentralized finance.