---
name: "@flowui"
slug: "flowui"
description: "Everyday use react components to make the development flow easier for the devs."
category: "Forms"
tags: ["auth", "buttons", "forms", "media"]
framework: "react"
license: "MIT"
author: "KushalXCoder"
website: "https://flowui-registry.vercel.app"
github: "https://github.com/KushalXCoder/flowui"
registry: "https://flowui-registry.vercel.app/r/registry.json"
pro: false
pro_url: null
github_stars: 7
component_count: 10
generated_at: "2026-07-28T08:00:50.948Z"
---

# @flowui

Everyday use react components to make the development flow easier for the devs.

## Links

- Website: https://flowui-registry.vercel.app
- GitHub: https://github.com/KushalXCoder/flowui
- Registry JSON: https://flowui-registry.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/flowui
- This file: https://sh4dcn.vercel.app/md/flowui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://flowui-registry.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://flowui-registry.vercel.app/r/registry.json
bunx shadcn@latest add https://flowui-registry.vercel.app/r/registry.json
# clone the source repo
git clone https://github.com/KushalXCoder/flowui.git
# fetch the raw registry index
curl -s https://flowui-registry.vercel.app/r/registry.json
```

## Components (10)

| name | type | description | install |
| --- | --- | --- | --- |
| changing-text | registry:component | A component that changes text with fade and slide transitions. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/changing-text.json` |
| debounced-input | registry:component | An input component with optional debouncing support. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/debounced-input.json` |
| auth-buttons | registry:component | A set of authentication buttons (Google, Github) based on shadcn Button. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/auth-buttons.json` |
| copy-button | registry:component | A copy button component with two types: normal and animated. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/copy-button.json` |
| file-select | registry:component | A customized file selection component. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/file-select.json` |
| lift-button | registry:component | A scroll-to-top button with custom triggers and target containers. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/lift-button.json` |
| password-input | registry:component | An input component for passwords with a visibility toggle. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/password-input.json` |
| slider-captcha | registry:component | A slider-based puzzle captcha verification component. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/slider-captcha.json` |
| speaker | registry:component | A text-to-speech speaker button component. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/speaker.json` |
| text-divider | registry:component | A divider line with text in the middle. | `npx shadcn@latest add https://flowui-registry.vercel.app/r/text-divider.json` |

## For AI agents

```text
You are adding components from @flowui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/flowui.md) for the component list.
2. Fetch the machine-readable index: https://flowui-registry.vercel.app/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: flowui).
```