Package Exports
- @voluspalabs/ui
- @voluspalabs/ui/accordion
- @voluspalabs/ui/alert
- @voluspalabs/ui/alert-dialog
- @voluspalabs/ui/aspect-ratio
- @voluspalabs/ui/avatar
- @voluspalabs/ui/badge
- @voluspalabs/ui/breadcrumb
- @voluspalabs/ui/button
- @voluspalabs/ui/calendar
- @voluspalabs/ui/card
- @voluspalabs/ui/carousel
- @voluspalabs/ui/chart
- @voluspalabs/ui/checkbox
- @voluspalabs/ui/collapsible
- @voluspalabs/ui/command
- @voluspalabs/ui/context-menu
- @voluspalabs/ui/dialog
- @voluspalabs/ui/drawer
- @voluspalabs/ui/dropdown-menu
- @voluspalabs/ui/form
- @voluspalabs/ui/hover-card
- @voluspalabs/ui/input
- @voluspalabs/ui/input-otp
- @voluspalabs/ui/label
- @voluspalabs/ui/menubar
- @voluspalabs/ui/navigation-menu
- @voluspalabs/ui/pagination
- @voluspalabs/ui/popover
- @voluspalabs/ui/progress
- @voluspalabs/ui/radio-group
- @voluspalabs/ui/resizable
- @voluspalabs/ui/scroll-area
- @voluspalabs/ui/select
- @voluspalabs/ui/separator
- @voluspalabs/ui/sheet
- @voluspalabs/ui/sidebar
- @voluspalabs/ui/skeleton
- @voluspalabs/ui/slider
- @voluspalabs/ui/sonner
- @voluspalabs/ui/spinner
- @voluspalabs/ui/switch
- @voluspalabs/ui/table
- @voluspalabs/ui/tabs
- @voluspalabs/ui/textarea
- @voluspalabs/ui/toggle
- @voluspalabs/ui/toggle-group
- @voluspalabs/ui/tooltip
Readme
@voluspalabs/ui
A collection of high-quality React components styled with Tailwind CSS for building modern web interfaces.
Features
- Modular Components: Easily import only what you need.
- Tailwind Integration: Components are styled with Tailwind CSS for rapid UI development.
- TypeScript Support: Written in TypeScript for type safety and enhanced developer experience.
Installation
Install the package via npm:
npm install @voluspalabs/ui
Or via Bun:
bun add @voluspalabs/ui
Usage
Import the component you need from the package. For example, to use the button component:
import { Button } from '@voluspalabs/ui/button';
function App() {
return <Button>Click Me</Button>;
}
export default App;
Development
To work on this project locally, follow these steps:
- Clone the repo:
git clone https://github.com/voluspalabs/ui.git
- Install dependencies:
bun install
For building the package, run: bun run build
The built files will be output to the dist directory as defined in package.json.
Tailwind CSS Configuration
For more details on configuring Tailwind CSS with this package, please refer to the Tailwind CSS docs.
License
This project is licensed under the BSL-1.0 License. See the LICENSE file for more details.