thefrontkit

thefrontkit

Design + Code UI kits for AI & SaaS

146 followers

thefrontkit = Design + Code UI kits that feel like a real app, not a mock. Token-driven theming, accessibility out of the box, and runnable Next.js + Tailwind examples. Launching two Full kits: AI UX (prompt→streaming→citations→feedback→upload→export) and SaaS Starter (auth, dashboard, tables, forms, settings). Built to ship, not tinker.
thefrontkit gallery image
thefrontkit gallery image
thefrontkit gallery image
thefrontkit gallery image
thefrontkit gallery image
thefrontkit gallery image
thefrontkit gallery image
thefrontkit gallery image
thefrontkit gallery image
thefrontkit gallery image
Payment Required
Launch Team / Built With
Flowstep
Flowstep
Generate real UI in seconds
Promoted

What do you think? …

Gaurav Guha

Hey PH! 👋 I’m GG, maker of thefrontkit.

We built this so you start from a production app shell, not stitched components.

WHAT’S INSIDE (LAUNCH)
• AI UX Kit (Full = Design + Code): Prompt → streaming (Stop/Retry) → citations → feedback → upload → export
• SaaS Starter Kit (Full = Design + Code): Auth, dashboard, tables, forms, settings, billing stubs
• Token-driven themes (light/dark) + accessibility by default
• Runnable examples (Next.js + Tailwind) + editable Figma

FOUNDING PRICE (25% OFF)
• AI UX Kit (Full): $149
• SaaS Starter Kit (Full): $249

TELL US WHAT YOU WANT NEXT
• Which patterns you want next (AI or SaaS)
• Any rough edges in the pricing/checkout
• What would make this instantly useful to you

If you’re building something, drop a link—happy to cheer you on. 🚀

Masum Parvej

@greedy_reader So if I tweak the Figma design, does it sync back to the code easily?

Gaurav Guha
@masump You can sync minimal changes from Figma, but it really depends on what level of changes you're making. Tiny UI tweaks reflect easily, but anything deeper won’t auto-sync- you’ll handle those directly in code. The good part: the codebase is very easy to customize. Plus, each kit comes with a bunch of pre-built recipes and flows that you can plug in instantly-so extending or modifying things becomes super straightforward.
Alex Cloudstar

Looks solid. Tired of stitching shadcn + auth + tables every project. The AI flow w/ stop/retry + citations is the bit I never finish. Curious how deep the billing stubs go. If tokens are easy to tweak to our brand, this might save a weekend on my side project.

Gaurav Guha
@alexcloudstar thefrontkit provides the complete UI templates- all screens, flows, and components - but we intentionally don’t include backend billing logic. So it’s frontend-ready, and you can wire it up to Stripe/Lemon Squeezy/Paddle however you prefer. Tokens are fully customizable, so you can adapt everything to your brand very quickly. The idea is to save you the repetitive UI + flow setup, while keeping the integration side flexible.
Bipul Jain

This looks super clean. I've used shadcn/ui a lot, but having a fully structured 'app shell' with the sidebar, auth, and settings pre-wired is exactly what I need to skip the setup fatigue. It feels way more 'production-ready' than the usual component dumps I see.

Saurav Ghosh

The AI UX Kit looks incredible. I feel like everyone is building AI wrappers right now but struggling with the frontend interaction parts (like handling chat history and safety notices). This kit seems to solve exactly that. Good luck with the launch!

aquib ali khan

The Figma-to-Tailwind token sync is the killer feature here. It’s usually such a pain to keep the design file and the repo aligned, so seeing that workflow baked in is refreshing. Love that you prioritized accessibility (WCAG) defaults too-that's often overlooked in these kinds of kits.

Mukesh Kumar

Congrats on the launch! 🚀 I've been looking for a solid Next.js starter that isn't just a landing page template. The fact that you included actual AI UX patterns like streaming responses and citations out of the box is a huge time saver. Definitely checking this out for my next SaaS project.

Animesh Nighojkar

Congrats on the launch @greedy_reader! The focus on 'AI-ready' components caught my eye.

Do you have specific pre-built components for streaming text or thinking states? I’m building an AI compliance tool (SquarePact), and I’ve found that standard UI kits often lack good patterns for showing live AI generation without it looking jerky.

Would love to know if you're planning more agentic UI patterns in the future.

Gaurav Guha
@anighojkar Thanks so much! Right now, we don’t have true streaming components yet - the responses render once the message is generated, with a clean loading state in between (you can see this in the demo). We are actively working on more agentic and AI-focused patterns, richer AI-ready components are definitely coming soon, and you can absolutely consider FrontKit for your project.