Vault — Free Crypto Exchange & Investing Website Template
Vault is a free, single-page Bootstrap 5 template for crypto exchange, trading and staking products. What sets it apart: the live price ticker, sortable market table and hero trading terminal are all hand-built from CSS and inline SVG — no chart library, no jQuery, no build step.
Key features
- Hero "trading terminal" built from pure CSS and inline SVG
- Sortable market table with per-row SVG sparklines and live price flashes
- Sticky auto-scrolling price ticker on a vanilla JS timer
- Tab filters (all / gainers / losers) plus instant search
- Staking section with live reward calculator and three APY tiers
- Proof-of-Reserves security block with floating attestation badge
- Multi-device "trade anywhere" desktop and phone collage
- Animated stat counters, scroll-reveal and a validated email CTA
- Inline SVG icons (CSP-safe), JetBrains Mono figures, reduced-motion support
Best for
- Crypto exchanges and trading platforms
- Staking, earn or yield products
- Investing and portfolio apps
- DeFi or Web3 product launches
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 — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is Vault really free for commercial use?
Yes. You can use Vault for personal and commercial projects, including paid client work. A link back to uiCookies is appreciated but never required, and there's no sign-up, purchase or license key to deal with.
Do the prices, ticker and market table use real data?
No — every price, sparkline and chart is simulated demo data generated in js/main.js that ticks on a timer. It's structured so you can replace the sample arrays with your own REST or WebSocket feed. Vault is a static front end, so it doesn't include a backend, order matching or payment processing.
How is the hero chart built without a charting library?
The hero "trading terminal" — portfolio balance, range-switchable area chart, holdings and floating fills — is drawn entirely with CSS and inline SVG. The same goes for every market-table sparkline. That means no Chart.js, no D3 and no external chart dependency to load or configure.
Do I need a build step, npm or coding skills to edit it?
No. Vault is static HTML with one CSS file and one vanilla JavaScript file, plus self-hosted Bootstrap 5. There's nothing to compile — open index.html in any editor, change the text and markup by hand, and drop the folder on any host. Basic HTML/CSS familiarity is enough for most edits.
How do I change the colours and fonts?
The palette lives in CSS custom properties at the top of the stylesheet — the blue-slate midnight base, electric-azure accent and the market green/red used for gains and losses. Fonts (JetBrains Mono for figures) are loaded in the page head, so swap the font link and the matching variables to rebrand. No Sass compile is required.
Is Vault responsive and mobile-friendly?
Yes. It's built on Bootstrap 5's grid, and the ticker, hero terminal, market table and staking calculator all reflow down to phone widths. It also ships with full prefers-reduced-motion support, so the auto-scrolling ticker, animated counters and scroll reveals calm down for users who request reduced motion.
Which browsers does it support, and is it fast?
Vault runs in current versions of Chrome, Firefox, Safari and Edge. Because the charts are inline SVG and the logic is a single vanilla JS file with no charting runtime, the page stays light. The only bitmap assets are the multi-device showcase images — swap those for your own optimized AVIF or WebP files to keep things quick.
What's included, and can I wire up the email form?
You get one index.html landing page with every section: live ticker, hero terminal, market table, staking calculator, Proof-of-Reserves block, multi-device showcase and an email CTA. The CTA is client-side validated only — point its form action at your own provider or endpoint (such as Mailchimp, ConvertKit or your API) to actually collect signups, since no backend is included.
