DOCSEARCHbyAlgolia
Submit Docs

saas-ui

repository·v3·Indexed 23 days ago

https://github.com/saas-js/saas-ui

A React component library built on top of Chakra UI, optimized for building B2B and dashboard-style SaaS applications. It provides a core set of open-source components and a premium 'Pro' starter pack for rapid SaaS development.

Tokens
242.3K
Snippets
756
Records
1.6K
Agent score
80%

What's inside saas-ui

  1. Overview of the Next.js starter kit API

    v3

    The Next.js starter kit provides a fully functional API powered by tRPC v11. This architecture is inspired by create-t3-turbo and is designed to provide automatic TypeScript type safety and autocompletion across your client and server without requiring manual build steps or schema generation.

    Key Characteristics

    • Type Safety: End-to-end type safety is built-in via tRPC.
    • Deployment Flexibility: While the API runs in a Next.js route handler by default, it is architected to be easily moved to a separate server (e.g., Fastify) or a serverless environment (e.g., AWS Lambda).

  2. Overview of the Saas UI Next.js Billing Module

    v3
    The Saas UI Next.js starter kit includes a comprehensive billing module designed to handle the core requirements of a SaaS application. It provides built-in support for managing subscriptions, processing payments via Stripe, and controlling feature access through entitlements. The module is designed to be extensible, allowing for custom billing adapters and supporting various pricing models like per-seat, metered (usage-based), and grandfathered subscriptions.

  3. Overview of the TanStack Start kit

    v3
    The TanStack Start kit is a premium starter kit designed for building SaaS and B2B web applications. It follows a classic Single Page Application (SPA) architecture with modern tooling, making it an ideal choice for developers who want to avoid the complexity of React Server Components (RSC) while maintaining high development performance. Server-Side Rendering (SSR) is available as an opt-in feature.

  5. Overview of Saas UI

    v3
    Saas UI is an open-source design system designed for building modern web applications with a high-quality, premium feel inspired by tools like macOS, Linear, Attio, and Superhuman. It provides intuitive primitives to help developers create polished, user-friendly interfaces for everything from simple dashboards to complex enterprise applications while maintaining high development velocity.

  6. Overview of the TanStack Start Starter Kit API

    v3

    The TanStack Start starter kit provides a fully functional API built using tRPC v11. This architecture is inspired by create-t3-turbo and is designed to provide automatic TypeScript type safety and autocompletion across your client and server without requiring manual build steps or schema generation.

    To work with this API, you should familiarize yourself with the established conventions and learn how to define new procedures to extend the functionality.

  9. Overview of Saas UI

    v3

    Saas UI is an advanced React component library specifically designed for building B2B and dashboard-style applications quickly. It is built on top of Chakra UI and is fully written in TypeScript.

    Saas UI is divided into two main offerings:

    1. Core: An open-source collection of 40+ essential components, including authentication screens, a forms manager, DatePicker/DateRangePicker, Stepper, Timeline, and DataTable.
    2. Pro: A premium frontend starter pack for SaaS products that includes a complete Next.js SaaS app example, advanced authentication (Supabase/Magic/Clerk/Custom), App layouts, DataGrid, Kanban boards, user account/settings pages, billing management (Lemonsqueezy), and more.

  11. Overview of the TanStack Router SaaS Starter Kit

    v3

    The TanStack Router SaaS Starter Kit is a specialized stack designed for building B2B SaaS applications as Single Page Applications (SPAs). It provides a high-performance alternative to Next.js by leveraging Vite.js and TanStack Router, focusing on developer experience through 100% inferred TypeScript support and first-class search parameter validation.

    Key features included in the kit:

    • Multi-tenancy: Built-in support for team and role management.
    • Authentication: Powered by Better Auth.
    • Database: Uses Drizzle ORM with PostgreSQL (compatible with Supabase, Neon, etc.).
    • Subscription Management: Integrated with Stripe.
    • Developer Experience: Includes Cursor rules for AI-assisted development and supports both file-based and code-based routing.

  12. Tech stack overview for TanStack Start starter kit

    v3

    The TanStack Start starter kit is a monorepo managed with PNPM and Turborepo. It utilizes the following core technologies:

    Frameworks

    • Vite: Build tool.
    • TanStack Router: Type-safe routing.
    • Chakra UI: UI component library.
    • tRPC: API layer.
    • Zod: Schema declaration and validation.

    Integrations

    • Better Auth: Authentication services.
    • Stripe: Payments and subscriptions.
    • Resend: Email delivery.

    Development Tools

    • TypeScript: Type safety.
    • Playwright: End-to-end testing.
    • Vitest: Unit testing.
    • ESLint: Linting.
    • Prettier: Code formatting.
    • Husky: Git hook management for linting and formatting.
    • Yarn/PNPM: Dependency management.
    • Turborepo: Monorepo management.