Installation

Installation

How to install dependencies and add components to your project.

Open in

Note: Unlumen UI uses the same installation process as shadcn/ui. Components are added directly to your codebase via the shadcn CLI.

Initialize shadcn/ui

Run the init command to create a new project with shadcn/ui or setup an existing one.

Add Components

Run the add command to add a component to your project.

Import Components

Import the component into your project.

import { FloatingTooltip } from "@/components/unlumen-ui/floating-tooltip";

export default function Home() {
  return (
    <FloatingTooltip.Provider>
      <FloatingTooltip.Trigger content="Hello">
        <button>Hover me</button>
      </FloatingTooltip.Trigger>
    </FloatingTooltip.Provider>
  );
}