Vive UI

Vive UI is a React component library styled with Tailwind CSS.
It provides ready-to-use, theme-consistent components for your projects.

Installation

npm install vive-ui
# or
yarn add vive-ui
# or
pnpm add vive-ui
# or
npx vive-ui

Usage

With npm install

• Import styles in your main entry file (e.g. src/main.tsx or src/index.tsx):

    import 'vive-ui/dist/styles.css';

• Use components in your React code:

import { Button } from 'vive-ui';

export default function App() {
  return <Button>Click Me</Button>;
}

With npx

• Choose from CLI specified command to manage components, adding them would be created in components folder.

• Import components specified in components folder. Its like shadcn copy/paste components functionality.

Documentation

Full component documentation and examples are available in Storybook:

Storybook Docs