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/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!