aviris-components v0.1.0

Aviris Components

A collection of customized shadcn/ui components with additional features and customizations.

Installation

1. Install the package:

# Using yarn
yarn add @aviris/components

# Using npm
npm install @aviris/components

# Using pnpm
pnpm add @aviris/components

2. Install the CLI globally:

# Using yarn
yarn global add @aviris/components

# Using npm
npm install -g @aviris/components

# Using pnpm
pnpm add -g @aviris/components

Usage

1. Add components using the CLI:

# Using yarn
yarn aviris add custom-button

# Using npm
npx aviris add custom-button

# Using pnpm
pnpm aviris add custom-button

2. Import and use components in your code:

import { CustomButton } from "@aviris/components";

export default function MyComponent() {
  return <CustomButton variant="default">Click me</CustomButton>;
}

Available Components

• CustomButton: A customized button component with loading states and gradient support
  • Variants: default, secondary, destructive, outline, ghost, link
  • Sizes: sm, default, lg
  • States: loading, disabled
  • Custom styles support

Documentation

Visit our documentation at https://yourdomain.com/docs for detailed usage instructions and examples.

Requirements

• React 19 or higher
• Next.js 15 or higher
• TailwindCSS 3.4 or higher

License

MIT © Your Name