Getting started

Sample Preview Page Built with this library can find at https://2-0-headless-sample.vercel.app

Explore the AI Assistant Now

Welcome !

Welcome to the Headless UI Component Library! This library provides a flexible, customizable set of headless components that you can easily integrate into your project. Inspired by the approach of ShadCN, these components come with a default built-in styles, allowing you to fully control their appearance.

You can quickly get started by copying components directly into your project with a single command. This provides the flexibility to modify and extend components as needed, ensuring seamless integration into your project’s architecture.

Installation

To install and copy a component into your project, use the following command:

# Interactive Mode
npx gbs-add-block@latest -i

# Install a specific component
npx gbs-add-block@latest -a Select

# List all available components
npx gbs-add-block@latest --list

# Show help
npx gbs-add-block@latest --help

This command will be automatically add the component to your project.

Please Install the following npm packages as well for some additional functionalities🥲

npm i @grampro/headless-helpers tailwind-merge