Vault — Free Crypto Exchange & Investing Website Template
Vault is built for products that live and die on data density: a sticky live price ticker, a full sortable market table with SVG sparklines, and a CSS-and-SVG trading terminal in the hero — no chart library, no jQuery. Its confident blue-slate midnight palette and monospace figures read as a real exchange, deliberately distinct from a consumer-banking app.
Features
- Sticky auto-scrolling price ticker that updates on a timer (pure vanilla, fake data — swap in your API)
- Hero "trading terminal" built entirely from CSS and inline SVG: portfolio balance, range-switchable area chart, holdings and floating fills
- Full market table with per-row SVG sparklines, live price flashes, tab filters (all / gainers / losers), instant search and click-to-sort headers
- Staking & earn section with a live reward calculator and three fixed/flexible APY tiers
- Proof-of-Reserves security block with an icon feature list and a floating attestation badge
- Multi-device "trade anywhere" showcase using a desktop + phone image collage
- Animated stat counters, IntersectionObserver scroll-reveal and a validated email CTA
- Inline SVG icons only (CSP-safe), JetBrains Mono figures, full prefers-reduced-motion support
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 1
- Responsive: Yes
- Style: Blue-slate midnight fintech with an electric-azure accent, market green/red and monospace figures
How to use it
Download the ZIP, unzip it, and open index.html — there is no build step and no dependencies to install. Replace the demo text and images with your own, point any forms at your backend or a form service, and deploy the folder to any static host. Colours, fonts, and spacing live in css/style.css; the interactions are in js/main.js. Bootstrap 5 is bundled locally, so it works offline and on strict-CSP hosts.
FAQ
Is Vault really free for commercial use?
Yes. Use it for personal and commercial projects, including client work. A link back to uiCookies is appreciated but never required.
Do the prices and charts connect to a real exchange?
No — every price, sparkline and chart is simulated demo data generated in `js/main.js` that ticks on a timer. It is structured so you can replace the sample arrays with your own REST or WebSocket feed.
Do I need a build step, npm or a charting library?
No. It is static HTML, one CSS file and one vanilla JS file with self-hosted Bootstrap 5. Every chart and sparkline is hand-drawn SVG, so there are no external chart dependencies.
How is Vault different from the Ledger banking template?
Ledger is a calm consumer-banking app with a phone mockup and pricing toggle. Vault is a dense exchange terminal — a market table, live ticker, staking calculator and a darker, data-first blue-slate palette for trading and investing products.
