Installation

Flow-Kit components are built for React projects using shadcn/ui and Motion.

Set up these dependencies before adding a component.

1. Set up shadcn/ui

If shadcn/ui is not already configured in your project, run its initialization command:

2. Install Motion

Install Motion, which powers Flow-Kit's animations:

You own the code. Swap in your preferred icon library, adjust variants, and change the implementation to fit your project.

For manual copy-paste instead of the CLI, full source and instructions are available on each component's page.