Next.js

Create a new Next.js project

npx create-next-app@latest

Initialize Loom UI

Use the init command to install the Loom ui components and configuration.

npx @venusai/loom-ui init

This will configure components.json and the file structure similar to the example given below below.

That's it!!

You can now use the Loom UI components in your project.

 npx @venusai/loom-ui add button

The command above will add the Button component to your project. You can then import it like this:

import { Button } from "@/components/loomui/button"; 
export default function Home() {
  return (
    <div>
      <Button>Click me</Button> {}
    </div>
  );
}