Installation
How to install and set up Zed UI in your project.
Note: We have the exact same installation process as shadcn/ui.
Create project
Run the init command to create a new Next.js project or to setup an existing one:
npx shadcn@latest initpnpm dlx shadcn@latest inityarn dlx shadcn@latest initbun x shadcn@latest initChoose between a Next.js project or a Monorepo.
Add Components
You can now start adding components to your project.
npx shadcn@latest add "https://zedui.vercel.app/r/dot-background.json"pnpm dlx shadcn@latest add "https://zedui.vercel.app/r/dot-background.json"yarn dlx shadcn@latest add "https://zedui.vercel.app/r/dot-background.json"bun x shadcn@latest add "https://zedui.vercel.app/r/dot-background.json"Import Components
The command above will add the DotBackground component to your project. You can then import it like this:
import { DotBackground } from "@/components/dot-background"
export default function Home() {
return (
<div>
<DotBackground /> {}
</div>
)
}