50+ React + Tailwind components, marketing blocks, templates, and a complete token architecture.
npx shadcn@latest add https://harlow-ui.vercel.app/r/harlow-ui.jsonColor, typography, spacing, radius, and shadow. All CSS custom properties for effortless theming.
Brand, surface, semantic, and chart tokens -- all CSS custom properties.
Sora for display headings. Lato for body copy. JetBrains Mono for code.
8-point grid system with consistent scale tokens.
From micro-radius to pill shapes.
Layered elevation system from card to modal depth.
Production-ready, accessible, fully typed primitives with multiple variants, sizes, and states.
8 variants, 6 sizes, loading states, icon support, and keyboard focus rings.
Status indicators with dot pulsing, 4 sizes, and finance-specific contextual variants.
6 sizes, online/busy/away/offline indicators, and stacked groups with overflow count.
Color-coded progress bars with labels, skeleton placeholders for loading states.
Amount exceeds daily limit of $10,000
Valid IBAN format detected
Leading/trailing icons, addon slots, textarea, validation states, and search with keyboard hints.
Standard card with border and subtle shadow.
Higher elevation for modals and priority content.
Highlighted with brand accent for featured content.
Portfolio +12.4%
All-time high reached
Suspicious Activity
Review flagged transactions
Add New Card
Container primitives -- default, elevated, brand, success, destructive, and ghost variants with header/body/footer slots.
Dividers, keyboard shortcut hints, copy-to-clipboard buttons, and empty states.
Bank cards, transactions, transfers, KYC, crypto conversion -- everything a neobank needs.
Animated debit/credit cards with reveal, 5 themes, 3 states.
Balance display with blur toggle, 24h change, and quick action grid.
Date-grouped, status indicators, merchant category icons.
Multi-step form with recipients, payment method selector.
Steps, document upload, tier cards, and identity display.
All pages including bio data page
passport.pdf
Must be dated within 3 months
utility.pdf
Clear photo of your face
Upload slots, approval states, verified identity card.
Account tier display with feature lists and upgrade CTAs.
Animated progress with milestone indicators.
Cross-rate conversion with 4 variants from inline to full block.
Recharts-powered charts, stat cards, sparklines, asset allocation, and live tickers. All theme-aware.
Multiple sizes with sparklines, trend indicators, and format options.
Inline horizontal strip for dashboard headers.
Portfolio value over time with gradient fill.
Monthly spending with income/expense comparison.
Category distribution with center label.
Detailed breakdown with 24h change indicators.
Auto-scrolling price ticker with real-time change indicators.
Pre-composed page sections ready to drop into any product site.
Full page layouts ready for production. Click through for live interactive demos.
Full neobank dashboard with sidebar, stats, charts, cards, and transactions.
Multi-step onboarding with document upload, tier unlocking, and identity verification.
Full transaction ledger with filters, search, CSV export, and detail drawer.
Account settings with profile, security, notifications, and card controls.
100+ production-ready components, blocks, and templates designed for BaaS, FinTech, and the next generation of digital banking products.
Every component is designed for the unique demands of financial product design — from micro-interactions to multi-step KYC flows.
Cards, POS terminals, virtual cards, payment flows, and checkout components built for real BaaS products.
Sparklines, area charts, portfolio donut charts, and real-time crypto tickers with Recharts.
Identity verification flows, document upload, biometric check UIs, and compliance dashboards.
Full dashboard, onboarding, account management, settings, and transaction history templates.
Zero external CSS dependencies. Pure Tailwind v4, tree-shakable, optimized for Core Web Vitals.
ARIA labels, keyboard navigation, screen reader support, and WCAG 2.1 AA compliance built in.
All components support right-to-left layouts and are designed for global financial products.
Semantic CSS variables, light/dark mode, and a comprehensive spacing and typography system.
Start for free. Upgrade when you need the premium templates and Figma files.
All components available. Perfect for personal projects and prototypes.
Everything in Free plus premium templates, Figma kit, and priority support.
For engineering teams building at scale. Unlimited projects, SLA support.
"Harlow UI saved us 3 months of design system work. The financial components are incredibly polished — exactly what we needed for our neobank launch."
"The KYC flow components alone are worth the Pro price. Everything is accessible, type-safe, and fits perfectly into our existing Next.js codebase."
"We replaced our entire design system with Harlow UI in a sprint. The dark mode is stunning and the orange brand palette works perfectly for us."
Join hundreds of engineering teams using Harlow UI to ship financial products faster. Start free, upgrade when you need more.