Aurum Finance — Dark Premium Mobile UI Kit (React 18 + Tailwind CSS)
Accelerate your fintech development with a stunning, production-ready interface.Aurum Finance is a commercial-grade mobile finance app UI template crafted specifically for developers and designers who want a major head-start on premium wealth-management, crypto, or banking interfaces.Built on a modern tech stack (React 18, Tailwind CSS 3, and Vite 5), this kit delivers a high-end, smooth user experience right out of the box with zero external icon/chart libraries to bloat your bundle.📱 Inside the Preview (iPhone 15 Pro Frame)Experience 4 fully navigable, responsive screens meticulously designed with a luxury glassmorphism aesthetic: Home: Glassmorphism balance card, custom sparkline chart, quick-action grid, and interactive transaction feed. Analytics: 4-KPI performance stat grid, animated growth chart, interactive time tabs, and asset allocation bars. Portfolio: Active holdings list complete with custom ticker badges, quantities, and color-coded gain/loss indicators. Settings: Clean profile card, security group toggles, notification preferences, and system options. 🛠️ Tech Stack & Architecture Core: React 18.x + Vite 5.x (Ultra-fast development & optimized production build). Styling: Tailwind CSS 3.x with a fully integrated custom design system. Assets: 100% inline SVGs for all custom icons and data charts—no external library dependencies. Typography: Google Fonts Inter integrated perfectly across a strict color/size hierarchy. 🎨 Premium Design System IncludedThe code comes pre-configured in tailwind.config.js with an elegant "Obsidian & Champagne Gold" color palette: gold.DEFAULT (#D4AF6A) — Luxury primary accent. obsidian.DEFAULT (#0C0C0E) — Deep, elegant dark surfaces. emerald.neon (#3DDC84) — High-contrast gains and positive metrics. coral & periwinkle — Tailored secondary accents for market trends and diverse ticker symbols. 🚀 Developer-Friendly & CustomizableThe project is highly modular and exceptionally clean. The package includes an organized directory layout (/src/components and /src/screens) making it effortless to customize placeholder data, inject your own backend APIs, or scale up by adding new routes and tabs.Quick Start:npm install npm run dev💼 Commercial License Terms ✅ Use in unlimited personal and commercial projects. ✅ Modify, extend, and adapt freely for client work or your own shipped products. ❌ Reselling or distributing the source files as a standalone template or kit is strictly prohibited. Note: The marketing preview assets aurum-cover-1600x900.jpg and aurum-thumbnail-600x600.png demonstrate the exact visual fidelity of the fully compiled code context.
Get it → fernandodiass.gumroad.com