Paylio - Fintech UI Kit

Paylio is a complete fintech app UI template built with Next.js 16, 

TypeScript, and Tailwind CSS. It includes a full interactive mobile 

demo and a 9-page marketing website — both sharing one design system.

This is not a theme. It is production-grade source code built to the 

same standard as a live commercial product.

WHAT YOU GET:

Demo App (5 screens):

- Home screen with live balance display and transaction history

- Transfer flow — 3-step with recipient search (Nigerian + international banks)

- Spending insights with charts and category breakdown

- Security screen with PIN setup and biometric toggle

- Cards screen with 7 payment cards

7 Payment Cards:

- Naira Account (NGN)

- Virtual Card (NGN)

- Savings Card (NGN)

- Dollar Account (USD)

- Sterling Account (GBP)

- Euro Account (EUR)

- Revolut (GBP)

Each card has a unique custom SVG design. All cards support 

spending limits and live currency conversion.

Marketing Site (9 pages):

- Landing, Product, Features, Security, Cards, Insights, 

 Developers, About, Contact

Technical Stack:

- Next.js 16 + React + TypeScript

- Tailwind CSS (mobile-first)

- Plus Jakarta Sans typography

- Local state management (no backend required)

- Fully responsive — 320px to 4K

Live Demo: paylio-taupe.vercel.app

WHO THIS IS FOR:

Developers and agencies building fintech products for Nigerian or 

African markets. Buy the source code, rebrand it, and deploy it as 

your own product or client project.