> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flagkit.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Type-safe feature flags for modern teams

<img className="block dark:hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/flagkit/images/hero-light.svg" alt="FlagKit Hero Light" />

<img className="hidden dark:block" src="https://mintlify.s3.us-west-1.amazonaws.com/flagkit/images/hero-dark.svg" alt="FlagKit Hero Dark" />

## Welcome to FlagKit

FlagKit is a developer-first feature flag platform that brings type safety, Git workflows, and zero-latency evaluation to feature management. Unlike existing solutions that treat flags as runtime configuration, FlagKit treats flags as first-class TypeScript constructs that are validated at compile time and evaluated locally without API calls.

## Key Features

<CardGroup cols={2}>
  <Card title="Type-Safe Flags" icon="shield-check" iconType="duotone">
    Full TypeScript support with autocomplete and compile-time validation
  </Card>

  <Card title="Zero Latency" icon="bolt" iconType="duotone">
    Local evaluation in \<0.1ms, no API calls required
  </Card>

  <Card title="Privacy-First" icon="lock" iconType="duotone">
    No PII collection, GDPR compliant by design
  </Card>

  <Card title="Git-Native" icon="code-branch" iconType="duotone">
    Flags defined in code, versioned with your application
  </Card>
</CardGroup>

## How It Works

FlagKit combines the best of both worlds: the developer experience of compile-time type safety with the flexibility of runtime feature management.

```typescript theme={null}
// flags.config.ts
import { defineFlags, flag } from "@flagkit-io/core";

export const flags = defineFlags({
  newCheckout: flag
    .boolean()
    .description("Enable new checkout flow")
    .default(false),
});
```

```typescript theme={null}
// In your app
import { flags } from './.flagkit/generated/client';

const isNewCheckout = flags.get('newCheckout');
if (isNewCheckout) {
  return <NewCheckout />;
}
```

<Card title="Quickstart Guide" icon="rocket" href="/docs/quickstart">
  Get started with FlagKit in under 5 minutes
</Card>

## Why FlagKit?

<AccordionGroup>
  <Accordion title="Developer Experience">
    FlagKit provides full TypeScript support, autocomplete, and compile-time validation. No more typos in flag names or incorrect value types.
  </Accordion>

  <Accordion title="Performance">
    With local evaluation and zero API calls, your application experiences no
    latency impact. Flag checks complete in under 0.1ms.
  </Accordion>

  <Accordion title="Privacy & Security">
    FlagKit collects no PII and uses one-way hashing for analytics. Your users'
    privacy is protected by design.
  </Accordion>

  <Accordion title="Git Workflow">
    Flags are defined in code and versioned with your application. Review flag changes through pull requests just like any other code change.
  </Accordion>
</AccordionGroup>

## Next Steps

<CardGroup cols={2}>
  <Card title="Quick Start" icon="play" href="/docs/quickstart">
    Install FlagKit and create your first flag
  </Card>

  <Card title="Core Concepts" icon="book" href="/docs/core-concepts/flags-as-code">
    Understand how FlagKit works under the hood
  </Card>

  <Card title="Deployment Guide" icon="rocket" href="/docs/guides/deployment">
    Learn how to deploy flags to production safely
  </Card>

  <Card title="API Reference" icon="code" href="/docs/api-reference/introduction">
    Explore the complete API documentation
  </Card>
</CardGroup>