vividoraui
v1.0.3
Published
A modern UI component library for Next.js
Downloads
102
Readme
Vividora UI
Vividora UI is a customizable and accessible React component library designed to streamline your development process. Inspired by libraries like shadcn and Acertinity UI, it offers a collection of beautifully designed components that you can easily integrate into your projects.
Features
Customizable: Easily tailor components to match your project's design requirements. Accessible: Built with accessibility in mind to ensure inclusivity. Modern Technologies: Developed using Next.js, Tailwind CSS, Drizzle, Xata, Neon, Hono with TanStack Query, and Next.js API routes. Comprehensive Component Library: Includes a wide range of UI components to accelerate your development workflow.
Installation
To get started with Vividora UI, you can initialize it in your project using either Bun or npm:
Using Bun:
bunx vividoraui@latest initUsing npm:
npx vividoraui@latest initThis command will set up the necessary dependencies and configurations for Vividora UI in your project.
Adding Components
Vividora UI allows you to add individual components as needed. For example, to add a Button component, use the following command:
Using Bun:
bunx vividoraui@latest add arrowbuttonusing npm:
npx vividoraui@latest add arrowbuttonThis will add the ArrowButton component to your project.
Usage
After adding a component, you can import and use it in your React application. Here's an example of how to use the ArrowButton component:
'use client';
import { ArrowButton } from 'vividora-ui';
export default function Example() {
return (
<ArrowButton direction="right">
Click Me
</ArrowButton>
);
}This will render a ArrowButton that displays an alert message when clicked.
License
Vividora UI is licensed under the MIT License.
Vividora UI is developed and maintained by OrionixTech, a company specializing in the latest tech stack for web and mobile development, including services like marketing, campaigns, Salesforce integration, and AI/LLM solutions.
For more information, visit our website: orionixtech.com
