Flow UI
Beautifully designed, copy-paste components for your next project.
FlowUI is a developer-focused UI component collection built with modern tools like shadcn/ui, Framer Motion, and Tailwind — designed to improve your development flow.
- Practical Components: Focuses on components you actually build daily, like Auth buttons, search inputs, and password toggles.
- Dual Support: Works with both our custom CLI and as a registry for the Shadcn CLI.
- Copy-Paste Flow: Designed for speed—copy the code, paste it into your project, and start building.
- Lightweight Design: Built with Tailwind CSS and standard React patterns to keep things fast and easy to tweak.
- Subtle Interactions: Uses Motion (Framer Motion) for specific components where animations add real value.
Soon, will apply for the registry on Shadcn and then this steps will be gone. But till then, follow this steps, only if you want to use the components from flowui/shadcn.
Note: To use the components from flowui/core, you don't need to follow this installation.
npx shadcn@latest add https://flowui-registry.vercel.app/r/copy-button.jsonIf you prefer not to use the CLI, you can simply find the component in our documentation and copy-paste the source code directly into your project.
Most components are built with standard Tailwind and React. Animations are powered by Motion, which is only required for specific components that use advanced interactions.
| Utilities | Animated | Layout |
|---|---|---|
| Auth Buttons | Changing Text | File Select |
| Password Input | Text Divider | |
| Debounced Input | Scrollbar | |
| Copy Button | Speaker | |
| Lift Button |
- Framework: Next.js
- Styling: Tailwind CSS v4
- Primitives: Shadcn
- Animations: Motion
- Docs: FumaDocs
Licensed under the MIT License.
Built with ❤️ by KushalXCoder