PragatiUI Documentation

Usage

Using Components

To use PragatiUI components in your React application, simply import them as follows:

import React from 'react';
import { Button, Card } from 'pragatiui';

const MyComponent: React.FC = () => {
  return (
    <Card>
      <h2>Welcome to PragatiUI</h2>
      <Button>Click me</Button>
    </Card>
  );
};

export default MyComponent;

Using the CLI

The PragatiUI CLI provides several commands to help you develop faster:

# Create a new NextJS project with tailwindcss
npx create-next-app@latest <project-name>

# Add a new component to your project
npx pragatiui-cli add button

# Generate a theme file
npx pragatiui-cli theme

# List all available components
npx pragatiui-cli list