Installation

Create project

Run the init command to create a new Next.js project or to setup an existing one:

pnpmnpmyarnbun
pnpm dlx shadcn@latest init
Copy

Add components

You can now start adding components to your project.

pnpmnpmyarnbun
pnpm dlx shadcn@latest add @magicui/globe
Copy

Import component

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

Copyimport { Globe } from "@/components/ui/globe";
 
export default function Home() {
  return <Globe />;
}