Vault UI — Finance & Crypto Template
About
Vault UI is a premium, production-ready finance and cryptocurrency dashboard HTML template built entirely with vanilla HTML5, CSS3, and JavaScript — no frameworks, no dependencies, no build tools required. Open the files in any browser and it works instantly.
What's included
Two complete themes (dark and light), five fully functional pages — Dashboard, Portfolio, Trade, Analytics, and Settings — plus a full component and style guide reference sheet, and an animated landing/preview page ready to use as your Envato preview file.
Pages
Dashboard · Portfolio · Trade · Analytics · Settings
Key features
All charts are drawn with the native Canvas API — a portfolio line chart with selectable time ranges, a candlestick trading chart, a donut allocation chart, and P&L bar charts. The trade page includes a live order book, a buy/sell panel with percentage shortcuts and real-time fee estimation, and a modal confirm flow.
A full-screen search spotlight (⌘K) fuzzy-searches pages, assets, and quick actions with keyboard navigation. Clicking the avatar opens a slide-in profile drawer with four tabs covering personal info, billing and payment cards, residential address, and security settings including 2FA toggles and active session management.
Toast notifications stack and auto-dismiss. All toggle switches, segmented controls, pagination, and modals are fully interactive.
Responsive Fully responsive from 1440px desktop down to 375px mobile. On mobile the sidebar is replaced by a hamburger menu that drops down a full navigation overlay, keeping the header clean at any screen size.
Files included index.html — animated landing and preview page · dark.html — dark theme dashboard · light.html — light theme dashboard · components.html — full style guide and component reference Built with
HTML5 · CSS3 Custom Properties · Vanilla JavaScript · Canvas API · CSS Grid · Flexbox · CSS Backdrop Filter · Google Fonts
Reviews
No reviews yet
Comments
FAQs
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.
Similar Templates & Themes
-
$99 $69.30