Installation

How to install dependencies and structure your app.

We have the exact same installation process as shadcn/ui.
1

Create project

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

npx shadcn@latest init
2

Add components

You can now start adding components to your project.

npx shadcn@latest add "https://ui.devsloka.in/r/pricing-block.json"
3

Import component

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

import { PricingBlock } from "@/components/ui/pricing-block";

export default function Home() {
  return (
    <div>
      <PricingBlock />
    </div>
  );
}