Installation

Install & configure Marketing Blocks in your Svelte project using the CLI.

Here we are using jsrepo CLI to install the blocks.

1

Create a new Svelte project

Terminal
npx sv create my-app
2

Add Tailwind CSS

Terminal
npx sv add tailwindcss
3

Add Shadcn Svelte

Terminal
npx shadcn-svelte@next init
4

Now Add Any blocks

Terminal
npx jsrepo add @sv/cnblocks/hero-one
5

Add path to save Component

Terminal
┌  jsrepo v1.47.0
│
◇ Please enter a default path to install the blocks
│ ./src/blocks
│
● Initializing @sv/cnblocks
│
◇ Fetched manifest from @sv/cnblocks
│
└ All done!