Production-ready UI kits for AI & SaaS — accessible by default, built for real product work.
Because screenshots are easy; shipping is hard.
A real app shell: layout, auth screens, dashboard, tables, forms, settings, toasts/dialogs. Light + dark. Designed to start building today, not just look pretty.
Patterns teams actually use: prompt → streaming response → actions (copy/retry), citations, simple feedback, file upload, voice input, helpful error states.
A small working demo that stitches both kits together so people can feel the flows before they buy.
No backend or payments in v1. This is UI you can trust, not a hosted product.
Free templates and AI generators are great for drafts. But when you need a runnable scaffold, clean accessibility, and patterns beyond a basic chat, you either grind for weeks or ship something you’ll rewrite later.
thefrontkit aims to be the head start you don’t outgrow.
- Accessible by default ♿ — keyboard paths, visible focus, readable states
- Consistent design system 🎨 — one visual language across every screen
- Real app flows ✅ — tables, forms, settings, error states… the “boring” parts done right
- ✅ Core screens designed (SaaS + AI)
- ✅ Demo scope locked
- 🛠️ Building the first release
- ⏱️ Launching next month
At launch we’ll publish short “receipts” — quick keyboard-nav clips and basic a11y checks for the shipped screens. 🎬
- SaaS Starter Kit with a linked MVP flow (auth → dashboard → table → form → settings) + a small library of swap-in screens
- AI UX Kit with core components and states (prompt, stream, citations, feedback, upload, voice, errors)
- Demo app available in the browser (designed to show the flows clearly)
- Product teams on web/React who need to ship an app UI now
- Agencies that repeat SaaS dashboards and want something defensible
- Indie builders who want to go from empty repo to “usable UI” fast
Not a fit if you only need a marketing site or a no-code builder.
- Clarity over cleverness — obvious beats novel
- Accessible by default — keyboard first, visible focus, readable states
- Ship with proof — short evidence videos > vague promises
- Stay swappable — own your stack; our UI shouldn’t trap you
- v1.0 (launch): SaaS Starter, AI UX, hosted demo, basic a11y receipts
- v1.1: Sources/citations panel polish, simple share/export for conversations
- v1.2: Model compare (A | B), prompt templates, session search/pin
- v2.0: More SaaS screen variants, evaluation/feedback loop page
Have a request? Open an issue titled [Request] Your idea with a short use case.
Is there a live demo or docs yet?
Not yet — both arrive at launch with the first release.
Does this include a backend?
No. You connect your auth, data, and model providers. We focus on UI.
Pricing?
Will be announced at launch (solo, team, and agency options).
How is this different from free templates?
We aim for production behavior (not just pretty screens): streaming controls, feedback, helpful errors, accessible states, and a real SaaS shell.
- Watch this repo for releases
- Star it if you want this shipped sooner 🙂
- Open issues for requests and feedback