# Workflow Kit

Workflow Kit enables you to build [user-defined workflows](/docs-markdown/guides/user-defined-workflows) with Inngest by providing a set of workflow actions to the **[Workflow Engine](/docs-markdown/reference/workflow-kit/engine)** while using the **[pre-built React components](/docs-markdown/reference/workflow-kit/components-api)** to build your Workflow Editor UI.

## Installing

```shell {{ title: "npm" }}
npm install @inngest/workflow-kit inngest
```

```shell {{ title: "pnpm" }}
pnpm add @inngest/workflow-kit inngest
```

```shell {{ title: "yarn" }}
yarn add @inngest/workflow-kit inngest
```

> **Callout:** PrerequisitesThe Workflow Kit integrates with our TypeScript SDK.To use it, you'll need an application with Inngest set up, ready to serve Inngest functions.

## Source code

Our Workflow Kit is open source and available on Github as [**inngest/workflow-kit**](https://github.com/inngest/workflow-kit/).

## Guides and examples

Get started with Worflow Kit by exploring our guide or cloning our Next.js template:

**"Guide: Build workflows configurable by your users"**: [Follow this step-by-step tutorial to learn how to use Workflow Kit to add automations to a CMS Next.js application.]("/docs-markdown/guides/user-defined-workflows")

**"Next.js template: CMS AI automation demo"**: [This Next.js template features AI workflows helping with grammar fixes, generating Table of Contents or Tweets.]('https://github.com/inngest/workflow-kit/tree/main/examples/nextjs-blog-cms#readme')