The React design system from Bangladesh
Wavi is a free, open-source component library for Next.js and Vite: 100+ components, an app shell and charts, styled with Tailwind CSS 4 tokens you theme from one colour. With bKash, taka and Bangla built in.
- React 19
- Next.js 16
- Vite
- Tailwind CSS 4
- TypeScript
- Radix UI
Revenue today
Cars inside
Booking
Gate 2 is back online
- documented components
- 78
- blocks, 36 free
- 91
- full templates
- 4
- themes × densities
- 2 × 3
Everything a product needs
Components that already know the job
Not just buttons: the screens real products are made of, built once, consistently, in light and dark.
Theme from one colour
Pick a brand colour; the tokens, gradients, corners and fonts follow. Export the CSS from the theme builder.
See itAn app shell, ready
Rail, panel, command palette, record drawer and breadcrumbs, wired to the Next.js router.
See itData tables that do the work
Advanced filters, saved views, inline and bulk edit, sticky actions, five looks.
See itCharts in the same palette
Trend, bar, line, donut, gauge, heatmap and bar list, with tooltips that match.
See itLight, dark, three densities
Every component reads tokens, so dark mode and compact mode need no extra code.
See itKeyboard and screen readers
Built on Radix: real buttons, focus rings, ARIA where it is needed, and reduced motion respected.
See itMade for Bangladesh
bKash, taka and Bangla, built in
The inputs every Bangladeshi product writes by hand, done once and done right. Type in them: they are the real components.
- +880 numbers typed any way, with the operator named
- Taka with lakh and crore, in digits or words
- bKash, Nagad, Rocket, Upay, cards and cash on delivery
- 8 divisions and 64 districts, in English or Bangla
- Number plates, NID, and the Bangla calendar
Try 019… or Bangla digits
12.5 lakh taka
Lakh grouping, in words
Pohela Boishakh
১ বৈশাখ ১৪৩৩
14 April 2026 · গ্রীষ্ম · the revised Bangladesh calendar
toBongabdo(new Date(2026, 3, 14))
// { year: 1433, month: 0, day: 1 }
lakhCrore(12500000) // "1.25 crore"
toBanglaDigits(2026) // "২০২৬"$ npx @waveinno/ui init
◆ Wavi v1.0.3 — the setup
✔ What is this app built with? Next.js (detected)
✔ Which currency do amounts show in? ৳ BDT
The plan · Next.js · npm · BDT
+ install @waveinno/ui@^1.0.3
+ set up app/globals.css
+ write app/providers.tsx
+ set up app/layout.tsx
✔ Set it up? Yes
◆ Ready. npm run dev
One command
From zero to styled in a minute
In a new folder or an existing app. It asks, shows the plan, and never overwrites your own files: a starter file is backed up, anything else gets a note.
- 1ChooseNext.js or React + Vite, your currency, your package manager.
- 2ReviewEvery package and file it will touch, before it touches any.
- 3BuildFonts, tokens, dark mode without a flash, providers, done.
Wavi Pro
Ship the whole product, not just the parts
91 blocks in 18 categories and full templates that download as a Next.js or React + Vite project you can run. Pay once, keep every update.
Questions
Frequently asked
What is Wavi?
Wavi is a React design system and component library made by WAVEINNO in Bangladesh. It ships more than 100 components (forms, overlays, data tables, charts, an application shell), design tokens for light and dark themes, and Bangladesh-ready inputs, as the npm package @waveinno/ui.
Is Wavi free?
Yes. The library is MIT-licensed and free for commercial use, with 36 free blocks. Wavi Pro is a one-time payment for the Pro components (org chart, kanban, app launcher, colour picker), every Pro block and every template.
How do I install Wavi in Next.js or Vite?
Run npx @waveinno/ui init in your app. It asks whether you use Next.js or React + Vite, your currency and package manager, shows every change, then installs the package and Tailwind CSS 4 and writes the stylesheet, fonts, providers and theme script. It can also create a new app.
Does it work with the Next.js App Router and server components?
Yes. Every interactive component is a client component marked "use client", so server pages can render them directly; formatting helpers and the theme script are server-safe.
Does Wavi support dark mode?
Yes. Every component reads design tokens that have light and dark values; the theme is applied before first paint, so there is no flash. Three densities are included too.
What makes Wavi different from shadcn/ui or Chakra UI?
shadcn/ui hands you component source to copy; Chakra UI is a package with its own styling system. Wavi is an npm package styled with Tailwind CSS 4 tokens you theme from one colour, plus copy-paste blocks and full templates, and inputs made for Bangladesh: bKash and Nagad, taka with lakh grouping, +880 phones, divisions and districts, and the Bangla calendar.
Can I use Bangla?
Yes. Every visible word comes through props with English defaults, the fonts include Noto Sans Bengali, and helpers convert digits and dates to Bangla.
What is in Wavi Pro?
55 Pro blocks across 18 categories and full multi-page templates (landing page, admin dashboard, online store) that download as runnable Next.js or React + Vite projects, with every future update. Prices start at $149.
Build your next product with Wavi
Free, MIT-licensed, and ready for Next.js and Vite today.