Kanject UI · Companion layer for BaaS

Skip a sprint. Your BaaS already has a face.

Ready-to-integrate React widgets and admin dashboard templates, wired directly into your Kanject BaaS endpoints. Auth, files, forms, wallet, notifications, chat — one npm install and your backend has a UI.

import { KanjectLogin } from '@kanject/ui/react'; <KanjectLogin providers={['google', 'microsoft', 'email']} onSuccess={(user) => nav('/dashboard')} />
Welcome back
Sign in to continue to Acme.
OR
Powered by Kanject.Identity
theme:
What's in the box

Three ways to ship faster.

Starter app templates
Auth + dashboard + settings scaffold. Clone, swap your BaaS config, deploy.
3 templates
Individual components
Tables, forms, charts, auth widgets, modals — typed, accessible, tree-shaken.
60+ components
Drop-in BaaS widgets
Pre-wired to Kanject BaaS endpoints. Zero glue code between UI and backend.
6 flagship widgets
Flagship widgets

Your backend, already rendered.

Each widget is pre-wired to its matching BaaS library. Import it, mount it, ship. Fully ownable — copy the source into your repo any time via npx kanject-ui add.

<KanjectLogin />
OAuth, email, SSO, MFA — wired to Cognito via Kanject.Identity. Drop it in; ship in minutes.
Auth
Welcome back
Sign in to continue to Acme.
OR
Powered by Kanject.Identity
wired to Kanject.Identity⌘ copy
<KanjectAnalytics />
Dashboard tiles backed by your [EventTopic] schemas. Cohorts, funnels, and time-series — zero glue code.
Insights
Active users · 14d
12,483
14.2% vs last week
LIVE
wired to Kanject.Insights⌘ copy
<KanjectForm />
Renders dynamic form schemas on the fly. Validation, conditional logic, and submission storage included.
Forms
Feedback · schema#42
Full name
Jane Cooper
Company
Acme Inc.
How likely to recommend?
1
2
3
4
5
6
7
8
9
10
wired to Kanject.Forms⌘ copy
<KanjectWallet />
Balance, transactions, top-up — plug into your billing and payout flows without rebuilding the UI.
Wallet
Available balance
$4,280.50
Stripe payout+$1,240.00
AWS invoice-$320.40
Refund · #3821+$48.00
wired to Kanject.Wallet⌘ copy
<KanjectNotifications />
Inbox + real-time toast. Subscribes to your NotificationHub topics. Read/unread synced to the server.
Hub
Inbox
3
New comment on design review
2m
Deployment #412 succeeded
14m
Weekly report is ready
1h
Billing reminder
Yesterday
wired to Kanject.NotificationHub⌘ copy
<KanjectChat />
Full thread widget with presence, typing, and attachments. Backed by your IM service.
Messaging
S
Support
Online
Hey! How can I help?
I need to upgrade our plan.
Got it — let me pull up your account.
wired to Kanject.InstantMessaging⌘ copy
Admin dashboard template

A whole backoffice, on day one.

Six opinionated admin pages, pre-wired to the BaaS modules your team already runs. Clone the template, swap your region + pool IDs, deploy.

app.acme.com/admin
A
Acme Admin
Pages
Overview
User management
Events & audit
Messaging
Notifications
Billing & wallet
Overview
Last 14 days · Metrics, active users, revenue
Active users
12,483
+14.2%
Revenue
$84,220
+8.1%
Events / day
2.1M
+3.6%
Active users · 14d
12,483
14.2% vs last week
LIVE
npx create-kanject-app@latest --template admin-dashboard
Theming · No lock-in

Built on shadcn/ui + Tailwind. Fully ownable.

Every component lives in your repo — not ours. Run npx kanject-ui add login and the source is copied in. Restyle it, fork it, replace it. We're a starting point, not a runtime dependency.

  • Tailwind design tokens — swap palette with CSS vars
  • Dark mode, RTL, and i18n baked in
  • Radix primitives underneath — accessibility by default
  • TypeScript-first, zero runtime tax
tokens.css
:root { --kj-primary: oklch(0.72 0.18 160); --kj-radius: 0.625rem; --kj-font: "Plus Jakarta Sans"; }
Click a swatch to preview live:
Framework support

Ship in React today. Blazor is next.

Available
React + TypeScript
Stable
Available
Next.js
Stable
Available
Astro
Stable
Roadmap
Blazor WebAssembly
Q3 2026
Roadmap
Blazor Server
Q3 2026
View full roadmap →
Ready to ship?

Simplify your cloud
journey today.

Join forward-thinking developers and businesses who trust Kanject to eliminate cloud complexity and accelerate innovation.