TemplatesDesignsPricing

Install Command

Install command of Lokalhost.io AI SDK

Component Preview - Preview

Terminal
pnpm dlx shadcn@latest add https://lokalhost-io-i2di.vercel.app

Manual Installation

1

Install dependencies

Terminal
bash
npm i clsx tailwind-merge react-icons shaki
2

Add the util file

lib/utils.ts
ts
import { ClassValue, clsx } from "clsx";
import { twMerge } from "tailwind-merge";

export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}
3

Copy the source code

Props

PropTypeDescription
commands*Partial<Record<"npx" | "pnpm" | "yarn" | "bun" | "npm", string>>Map of package manager to full install command string. Only managers present here appear in the dropdown. "npm" is accepted as an alias for "npx" — if both are omitted the npx slot falls back to the npm value.
titlestringLabel shown in the terminal header next to the terminal icon.
defaultManager
npxpnpmyarnbun
Which package manager is selected on initial render. Falls back to the first available manager (in pnpm, bun, yarn, npx order) if omitted or not present in commands.
classNamestringAdditional class names merged onto the outer wrapper div.