# thefrontkit > Production-ready Next.js business apps with real-world workflows. CRM pipelines, e-commerce storefronts, blog CMS, AI chat interfaces, and SaaS dashboards. WCAG AA accessible, built on Tailwind CSS and shadcn/ui. thefrontkit sells production-ready frontend applications for Next.js. Each app includes complete screens for real business workflows, a design token system built on Tailwind CSS custom properties, and WCAG 2.1 AA accessibility out of the box. Frontend-only: you bring your own backend. ## Products - [CRM Dashboard Kit](https://thefrontkit.com/apps/crm-dashboard-kit): Next.js CRM with 35+ screens: sales pipeline (Kanban), contact management, company profiles, 4 analytics dashboards, task management, and email composition. From $99. - [E-commerce Kit](https://thefrontkit.com/apps/ecommerce-kit): Next.js e-commerce with 40 screens: storefront, product listings, cart, checkout, customer accounts, and admin dashboard. From $99. - [SaaS Starter Kit](https://thefrontkit.com/apps/saas-starter-kit): Next.js SaaS template with 20+ screens: auth (login, signup, recovery, OTP), dashboard with sidebar, data tables, forms, settings, and dark mode. From $79. - [AI UX Kit](https://thefrontkit.com/apps/ai-ux-kit): React components for AI chat interfaces: streaming responses, citation blocks, feedback capture, prompt composer, conversation history. Works with OpenAI, Anthropic, Google, or custom APIs. From $79. - [Blog CMS Kit](https://thefrontkit.com/apps/blog-cms-kit): Next.js blog with 25 screens: public blog with categories, admin CMS for content management, SEO metadata editor. From $79. - [AI Feedback Assistant](https://thefrontkit.com/apps/ai-feedback-assistant): Working demo combining SaaS Kit and AI UX Kit. [Live demo](https://ai-feedback-assistant.vercel.app). - [A11y Starter Kit](https://thefrontkit.com/apps/a11y-starter-kit): Free WCAG AA component library with keyboard navigation, ARIA labels, focus management, and color contrast compliance. ## Key Differentiators - WCAG 2.1 AA accessible: keyboard navigation, ARIA labels, focus management, color contrast - Production-ready architecture with design tokens mapped to Tailwind CSS custom properties - Built on shadcn/ui and Radix UI primitives - Frontend-only: compatible with any backend (Supabase, Firebase, custom API, etc.) - Token-driven dark mode with system awareness - 7-day money-back guarantee on all purchases ## Pricing - Solo: $79-99 (1 developer, 6 months updates, internal projects) - Team: $179-199 (up to 10 developers, 1 year updates, internal projects) - Agency: $299-349 (unlimited developers, 1 year updates, client delivery allowed) ## Comparisons - [thefrontkit vs ShipFast](https://thefrontkit.com/compare/thefrontkit-vs-shipfast) - [thefrontkit vs Tailwind UI](https://thefrontkit.com/compare/thefrontkit-vs-tailwind-ui) - [thefrontkit vs shadcn/ui](https://thefrontkit.com/compare/thefrontkit-vs-shadcn-ui) - [thefrontkit vs Cruip](https://thefrontkit.com/compare/thefrontkit-vs-cruip) - [thefrontkit vs MakerKit](https://thefrontkit.com/compare/thefrontkit-vs-makerkit) - [thefrontkit vs Vercel Templates](https://thefrontkit.com/compare/thefrontkit-vs-vercel-templates) - [Full Comparison Table](https://thefrontkit.com/compare) ## Documentation - [CRM Dashboard Kit Docs](https://thefrontkit.com/docs/crm-dashboard-kit/getting-started) - [E-commerce Kit Docs](https://thefrontkit.com/docs/ecommerce-kit/getting-started) - [SaaS Starter Kit Docs](https://thefrontkit.com/docs/saas-starter-kit/getting-started) - [AI UX Kit Docs](https://thefrontkit.com/docs/ai-ux-kit/getting-started) - [Blog CMS Kit Docs](https://thefrontkit.com/docs/blog-cms-kit/getting-started) - [AI Feedback Assistant Docs](https://thefrontkit.com/docs/ai-feedback-assistant/getting-started) ## Landing Pages - [Next.js SaaS Template](https://thefrontkit.com/nextjs-saas-template) - [Next.js Dashboard Template](https://thefrontkit.com/nextjs-dashboard-template) - [React Dashboard Template](https://thefrontkit.com/react-dashboard-template) - [React Admin Dashboard](https://thefrontkit.com/react-admin-dashboard) - [Next.js Admin Dashboard](https://thefrontkit.com/nextjs-admin-dashboard) - [Tailwind Admin Template](https://thefrontkit.com/tailwind-admin-template) - [Next.js Starter Template](https://thefrontkit.com/nextjs-starter-template) - [AI Chat UI for React](https://thefrontkit.com/ai-chat-ui-react) - [Next.js Boilerplate](https://thefrontkit.com/nextjs-boilerplate) - [Next.js E-commerce Template](https://thefrontkit.com/nextjs-ecommerce-template) - [React E-commerce Template](https://thefrontkit.com/react-ecommerce-template) - [Tailwind E-commerce Template](https://thefrontkit.com/tailwind-ecommerce-template) - [Next.js Storefront Template](https://thefrontkit.com/nextjs-storefront-template) - [Next.js Landing Page Template](https://thefrontkit.com/nextjs-landing-page-template) - [Tailwind SaaS Template](https://thefrontkit.com/tailwind-saas-template) - [Next.js Accessibility Template](https://thefrontkit.com/nextjs-accessibility-template) - [WCAG React Template](https://thefrontkit.com/wcag-react-template) - [Accessible Dashboard Template](https://thefrontkit.com/accessible-dashboard-template) - [Tailwind Accessibility Starter Kit](https://thefrontkit.com/tailwind-accessibility-starter-kit) ## Free Tools - [A11y Color Checker for Tailwind CSS](https://thefrontkit.com/tools/a11y-color-checker): Free WCAG 2.1 contrast ratio checker for Tailwind CSS colours. Checks AA/AAA compliance for normal text, large text, and UI components. - [All Tools](https://thefrontkit.com/tools) ## Blog - [Best SaaS Starter Kits 2026](https://thefrontkit.com/blogs/best-saas-starter-kits-2026) - [Best Next.js Landing Page Templates 2026](https://thefrontkit.com/blogs/best-nextjs-landing-page-templates-2026) - [Best Next.js Blog Templates 2026](https://thefrontkit.com/blogs/best-nextjs-blog-templates-2026) - [Best Next.js Website Templates 2026](https://thefrontkit.com/blogs/best-nextjs-website-templates-2026) - [Best shadcn Dashboard Templates 2026](https://thefrontkit.com/blogs/best-shadcn-dashboard-templates-2026) - [Best Tailwind Dashboard Templates 2026](https://thefrontkit.com/blogs/best-tailwind-dashboard-templates-2026) - [Best React E-commerce Templates 2026](https://thefrontkit.com/blogs/best-react-ecommerce-templates-2026) - [How to Make a Website Accessible](https://thefrontkit.com/blogs/how-to-make-website-accessible) - [Accessible Website Examples 2026](https://thefrontkit.com/blogs/accessible-website-examples-2026) - [WCAG AA Checklist for Web Apps](https://thefrontkit.com/blogs/wcag-aa-checklist-for-web-apps) - [ARIA Attributes Cheat Sheet for React](https://thefrontkit.com/blogs/aria-attributes-cheat-sheet-for-react) - [Keyboard Navigation Patterns for Web Apps](https://thefrontkit.com/blogs/keyboard-navigation-patterns-for-web-apps) - [What Are Design Tokens](https://thefrontkit.com/blogs/what-are-design-tokens) - [Figma Design Tokens Guide](https://thefrontkit.com/blogs/figma-design-tokens-guide) - [Tailwind CSS Design Tokens for SaaS](https://thefrontkit.com/blogs/tailwind-css-design-tokens-for-saas) - [AI Chat UI Best Practices](https://thefrontkit.com/blogs/ai-chat-ui-best-practices) - [Building Production-Ready AI Interfaces](https://thefrontkit.com/blogs/building-production-ready-ai-interfaces-with-react-and-nextjs) - [What Is Streaming UI in AI Applications](https://thefrontkit.com/blogs/what-is-streaming-ui-in-ai-applications) - [Session Management in AI Chat Applications](https://thefrontkit.com/blogs/session-management-in-ai-chat-applications) - [Next.js SaaS Template Guide 2026](https://thefrontkit.com/blogs/nextjs-saas-template-guide-2026) - [Next.js E-commerce Template Guide 2026](https://thefrontkit.com/blogs/nextjs-ecommerce-template-guide-2026) - [React Dashboard Template Guide](https://thefrontkit.com/blogs/react-dashboard-template-guide) - [Next.js vs Shopify for Developers](https://thefrontkit.com/blogs/nextjs-vs-shopify-for-developers) - [shadcn/ui vs Material UI for SaaS](https://thefrontkit.com/blogs/shadcn-ui-vs-material-ui-for-saas) - [SaaS Starter Kit vs Building from Scratch](https://thefrontkit.com/blogs/saas-starter-kit-vs-building-from-scratch-a-real-comparison) - [Next.js Boilerplate vs Building from Scratch](https://thefrontkit.com/blogs/nextjs-boilerplate-vs-building-from-scratch) - [Accessible E-commerce WCAG Checkout Guide](https://thefrontkit.com/blogs/accessible-ecommerce-wcag-checkout-guide) - [Customizing UI Kits Without Breaking Accessibility](https://thefrontkit.com/blogs/customizing-ui-kits-without-breaking-accessibility) - [Form Validation Patterns That Don't Frustrate Users](https://thefrontkit.com/blogs/form-validation-patterns-that-dont-frustrate-users) - [Figma to Code Workflow for Design Engineers](https://thefrontkit.com/blogs/figma-to-code-workflow-for-design-engineers) ## About - [About thefrontkit](https://thefrontkit.com/about): Founded by Gaurav Guha, who co-created NativeBase (100K+ weekly npm downloads, $750K+ revenue). Based in Bengaluru, India. - [Contact](https://thefrontkit.com/contact) - [Pricing](https://thefrontkit.com/pricing) ## Optional - [llms-full.txt](https://thefrontkit.com/llms-full.txt)