# thefrontkit

> Production-ready Next.js business apps with real-world workflows. CRM pipelines, sales and finance dashboards, e-commerce storefronts, help desk, LMS, inventory, trading, AI chat interfaces, and SaaS starters. 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. 18 kits, one-time pricing, no subscriptions.

## Products

- [SaaS Starter Kit](https://thefrontkit.com/apps/saas-starter-kit): Next.js SaaS boilerplate with dashboard, auth screens (login, signup, recovery, OTP), settings, data tables, and dark mode. From $79.
- [CRM Dashboard Kit](https://thefrontkit.com/apps/crm-dashboard-kit): CRM with 35+ screens: Kanban sales pipeline, contact management, deal tracking, and 4 analytics dashboards. From $99.
- [Sales Dashboard Kit (SalesPulse)](https://thefrontkit.com/apps/sales-dashboard-kit): Sales performance dashboard with pipeline visualization, deal management, quota tracking, leaderboards, and revenue reports. From $99.
- [Kanban PM Kit](https://thefrontkit.com/apps/kanban-pm-kit): Project management with 44 pages: drag-and-drop kanban, sprint cycles with burndown, roadmap timeline, workload heatmap, goals and OKRs. From $99.
- [E-commerce Kit](https://thefrontkit.com/apps/ecommerce-kit): 40 screens: storefront, product catalog, cart, multi-step Stripe checkout, customer accounts, and admin dashboard. From $99.
- [Finance Dashboard Kit (Ledger)](https://thefrontkit.com/apps/finance-dashboard-kit): Personal finance dashboard with net worth tracking, transaction management, and budgets. From $99.
- [Help Desk Kit](https://thefrontkit.com/apps/help-desk-kit): 45 screens: ticket management with SLA tracking, live chat, knowledge base, and reporting. From $99.
- [Inventory Management Kit](https://thefrontkit.com/apps/inventory-management-kit): Product catalog, purchase orders, multi-warehouse stock, and supplier directory. From $99.
- [LMS Kit](https://thefrontkit.com/apps/lms-kit): 39 screens: student dashboard, course catalog, lesson player, quizzes, and instructor admin. From $99.
- [SaaS Metrics Kit](https://thefrontkit.com/apps/saas-metrics-kit): 25 screens: MRR/ARR tracking, churn analysis, and cohort retention. From $99.
- [Social Media Dashboard Kit](https://thefrontkit.com/apps/social-media-dashboard-kit): Multi-platform analytics, content calendar, post composer, and social inbox. From $99.
- [Trading Dashboard Kit](https://thefrontkit.com/apps/trading-dashboard-kit): Kite-inspired trading dashboard with 39 screens: watchlist, charts, order flows, and portfolio. From $99.
- [HR Dashboard Kit](https://thefrontkit.com/apps/hr-dashboard-kit): Employee directory, leave management, attendance, and people analytics. From $99.
- [AI Ops Dashboard (NeuralDesk)](https://thefrontkit.com/apps/neuraldesk-ai-ops-dashboard): Model management, prompt engineering, and token usage monitoring. From $99.
- [AI UX Kit](https://thefrontkit.com/apps/ai-ux-kit): AI chat UI with streaming responses, citations, conversation history, and multi-turn chat. Works with OpenAI, Anthropic, Google, or custom APIs. From $79.
- [Blog CMS Kit](https://thefrontkit.com/apps/blog-cms-kit): Public blog plus admin CMS with rich text editor, media library, and SEO metadata editor. From $79.
- [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.
- [All Access](https://thefrontkit.com/all-access): Every kit (18 total) plus all future kits for a one-time $499. Lifetime access, no subscription.

## 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, Next.js 16, Tailwind CSS v4
- 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 one-time (1 developer, 6 months updates, internal projects)
- Team: $179-199 one-time (up to 10 developers, 1 year updates, internal projects)
- Agency: $299-349 one-time (unlimited developers, 1 year updates, client delivery allowed)
- All Access: $499 one-time (every current and future kit)

## Services

The team behind thefrontkit also builds for hire ([thefrontkit.com/services](https://thefrontkit.com/services)):

- Accessibility Audit & Remediation ([thefrontkit.com/accessibility-audit-services](https://thefrontkit.com/accessibility-audit-services), from $499): manual WCAG 2.1 AA audits, actionable reports, and remediation for ADA and European Accessibility Act compliance.
- Done-For-You Kit Launch (from $1,999, 2-4 weeks): any kit deployed, branded, and wired to your stack; you own everything.
- Custom Web & Mobile Builds (from $2,999, fixed quotes): full products end to end on Next.js/React Native.
- Automation & RevOps (via SailoLabs): AI automation, CRM cleanup, lead routing, and integrations for HubSpot, Salesforce, and Pipedrive.

## 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)
- [thefrontkit vs Mantine](https://thefrontkit.com/compare/thefrontkit-vs-mantine)
- [thefrontkit vs Refine](https://thefrontkit.com/compare/thefrontkit-vs-refine)
- [thefrontkit vs SaaS UI](https://thefrontkit.com/compare/thefrontkit-vs-saas-ui)
- [thefrontkit vs Tremor](https://thefrontkit.com/compare/thefrontkit-vs-tremor)
- [CRM Kit vs HubSpot](https://thefrontkit.com/compare/crm-kit-vs-hubspot)
- [Kanban PM Kit vs Linear](https://thefrontkit.com/compare/kanban-pm-kit-vs-linear)
- [thefrontkit vs Linear](https://thefrontkit.com/compare/thefrontkit-vs-linear)
- [thefrontkit vs Monday](https://thefrontkit.com/compare/thefrontkit-vs-monday)
- [thefrontkit vs Hootsuite](https://thefrontkit.com/compare/thefrontkit-vs-hootsuite)
- [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)
- [Sales Dashboard Kit Docs](https://thefrontkit.com/docs/sales-dashboard-kit/getting-started)
- [Trading Dashboard Kit Docs](https://thefrontkit.com/docs/trading-dashboard-kit/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)
- [Kanban Template](https://thefrontkit.com/kanban-template)
- [CRM Dashboard Template](https://thefrontkit.com/crm-dashboard-template)
- [Project Management Dashboard Template](https://thefrontkit.com/project-management-dashboard-template)

## Free Tools

- [Free CRM Template for Excel & Google Sheets](https://thefrontkit.com/free-crm-template): Free CRM spreadsheet with contacts tracker, six-stage deal pipeline, and auto-calculating dashboard. No email required.
- [A11y Color Checker for Tailwind CSS](https://thefrontkit.com/tools/a11y-color-checker): Free WCAG 2.1 contrast ratio checker for Tailwind CSS colours.
- [WCAG Compliance Checker](https://thefrontkit.com/tools/wcag-compliance-checker): Scan any URL for automated WCAG 2.1 AA failures.
- [Accessibility Checker](https://thefrontkit.com/tools/accessibility-checker): Free accessibility scan for forms, contrast, alt text, and link purpose.
- [All Tools](https://thefrontkit.com/tools)

## Blog: Tool Comparisons and Alternatives

- [Pipedrive Alternatives 2026](https://thefrontkit.com/blogs/pipedrive-alternatives-self-hosted-sales-crm-2026)
- [HubSpot Alternatives 2026](https://thefrontkit.com/blogs/hubspot-alternatives-2026)
- [Jira Alternatives 2026](https://thefrontkit.com/blogs/jira-alternatives-2026)
- [Calendly Alternatives 2026](https://thefrontkit.com/blogs/calendly-alternatives-2026)
- [Notion Alternatives 2026](https://thefrontkit.com/blogs/notion-alternatives-2026)
- [Zendesk Alternatives 2026](https://thefrontkit.com/blogs/zendesk-alternatives-self-hosted-2026)
- [Intercom Alternatives 2026](https://thefrontkit.com/blogs/intercom-alternatives-ai-chatbot-2026)
- [Teachable Alternatives 2026](https://thefrontkit.com/blogs/teachable-alternatives-self-hosted-lms-2026)
- [Hootsuite Alternatives 2026](https://thefrontkit.com/blogs/hootsuite-alternatives-self-hosted-2026)
- [Mint Alternatives 2026](https://thefrontkit.com/blogs/mint-alternatives-personal-finance-2026)
- [Cin7 Alternatives 2026](https://thefrontkit.com/blogs/cin7-alternatives-self-hosted-inventory-2026)
- [Datadog Alternatives 2026](https://thefrontkit.com/blogs/datadog-alternatives-self-hosted-observability-2026)
- [TradingView Alternatives 2026](https://thefrontkit.com/blogs/tradingview-alternatives-self-hosted-2026)
- [ChartMogul Alternatives 2026](https://thefrontkit.com/blogs/chartmogul-alternatives-2026)
- [Shopify Alternatives 2026](https://thefrontkit.com/blogs/shopify-alternatives-2026)
- [Freshdesk Alternatives 2026](https://thefrontkit.com/blogs/freshdesk-alternatives-2026)
- [Salesforce Alternatives 2026](https://thefrontkit.com/blogs/salesforce-alternatives-2026)
- [Asana Alternatives 2026](https://thefrontkit.com/blogs/asana-alternatives-2026)
- [Trello Alternatives 2026](https://thefrontkit.com/blogs/trello-alternatives-2026)
- [Buffer Alternatives 2026](https://thefrontkit.com/blogs/buffer-alternatives-2026)
- [Airtable Alternatives 2026](https://thefrontkit.com/blogs/airtable-alternatives-2026)
- [Grafana Alternatives 2026](https://thefrontkit.com/blogs/grafana-alternatives-2026)
- [ClickUp Alternatives 2026](https://thefrontkit.com/blogs/clickup-alternatives-2026)
- [monday.com Alternatives 2026](https://thefrontkit.com/blogs/monday-alternatives-2026)
- [YNAB Alternatives 2026](https://thefrontkit.com/blogs/ynab-alternatives-2026)
- [Moodle Alternatives 2026](https://thefrontkit.com/blogs/moodle-alternatives-2026)

## Blog: Template Roundups

- [Best SaaS Starter Kits 2026](https://thefrontkit.com/blogs/best-saas-starter-kits-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 Next.js Dashboard Templates 2026](https://thefrontkit.com/blogs/best-nextjs-dashboard-templates-2026)
- [Best CRM Dashboard Templates 2026](https://thefrontkit.com/blogs/best-crm-dashboard-templates-2026)
- [Best Sales Dashboard Templates 2026](https://thefrontkit.com/blogs/best-sales-dashboard-templates-2026)
- [Best Kanban Board Templates 2026](https://thefrontkit.com/blogs/best-kanban-board-templates-2026)
- [Best React E-commerce Templates 2026](https://thefrontkit.com/blogs/best-react-ecommerce-templates-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 Help Desk Templates 2026](https://thefrontkit.com/blogs/best-help-desk-templates-2026)
- [Best LMS Templates 2026](https://thefrontkit.com/blogs/best-lms-templates-2026)
- [Best Inventory Management Templates 2026](https://thefrontkit.com/blogs/best-inventory-management-templates-2026)
- [Best Finance Dashboard Templates 2026](https://thefrontkit.com/blogs/best-finance-dashboard-templates-2026)
- [Best Trading & Fintech Templates 2026](https://thefrontkit.com/blogs/best-trading-fintech-templates-2026)
- [Best Social Media Dashboard Templates 2026](https://thefrontkit.com/blogs/best-social-media-dashboard-templates-2026)
- [Best SaaS Metrics Dashboard Templates 2026](https://thefrontkit.com/blogs/best-saas-metrics-dashboard-templates-2026)
- [Best AI Chat UI Kits 2026](https://thefrontkit.com/blogs/best-ai-chat-ui-kits-2026)

## Blog: Build Guides

- [How to Build a SaaS in Next.js](https://thefrontkit.com/blogs/how-to-build-a-saas-in-nextjs-2026)
- [How to Build a CRM in Next.js](https://thefrontkit.com/blogs/how-to-build-a-crm-in-nextjs-2026)
- [How to Build a Sales Dashboard in Next.js](https://thefrontkit.com/blogs/how-to-build-a-sales-dashboard-in-nextjs-2026)
- [How to Build a Kanban App in Next.js](https://thefrontkit.com/blogs/how-to-build-a-kanban-app-in-nextjs-2026)
- [How to Build a Finance Dashboard in Next.js](https://thefrontkit.com/blogs/how-to-build-a-finance-dashboard-in-nextjs-2026)
- [How to Build a Help Desk in Next.js](https://thefrontkit.com/blogs/how-to-build-a-help-desk-in-nextjs-2026)
- [How to Build an LMS in Next.js](https://thefrontkit.com/blogs/how-to-build-an-lms-in-nextjs-2026)
- [How to Build an Inventory Management App in Next.js](https://thefrontkit.com/blogs/how-to-build-an-inventory-management-app-in-nextjs-2026)
- [How to Build a Booking App in Next.js](https://thefrontkit.com/blogs/how-to-build-a-booking-app-in-nextjs-2026)
- [How to Build a Trading Dashboard in Next.js](https://thefrontkit.com/blogs/how-to-build-a-trading-dashboard-in-nextjs-2026)

## Blog: Accessibility and Design

- [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)
- [AI Chat UI Best Practices](https://thefrontkit.com/blogs/ai-chat-ui-best-practices)
- [What Is Streaming UI in AI Applications](https://thefrontkit.com/blogs/what-is-streaming-ui-in-ai-applications)
- [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)

## 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)