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://pro-api.coingecko.com/api/v3 COINGECKO_API_KEY=your_key_here
-
Launch
npm run dev
Visit
http://localhost:3000.
Designed & Engineered for the future of decentralized finance.