Svelte Marketing Blocks

60+ UI & Marketing Blocks, built with Svelte, Tailwind CSS and Shadcn.

Explore Blocks Star on GitHub

Marketing

5 blocks

Header

Hero Sections

3 blocks

Auth

5 blocks

Features

5 blocks

Blog Sections

3 blocks

Contact

5 blocks

Call to Action

5 blocks

FAQs

5 blocks

Logo Cloud

5 blocks

Footer

6 blocks

Image Gallery

1 block

Integrations

5 blocks

App Shell

New

App Shell

1 block

Sponsors

Guillermo Rauch

Guillermo Rauch

CEO of Vercel

Aidan Bleser

Aidan Bleser

Frontend Engineer

Nono Martínez Alonso

Nono Martínez Alonso

Host of Getting Simple

ZerGo0

ZerGo0

Software Engineer

Francisco Sainz

Francisco Sainz

@pacosw1

Joe Krump

Joe Krump

Senior Software Developer

Yashash Pugalia

Yashash Pugalia

@yashash-pugalia

Ever

Ever

Developer

Hunter Johnston

Hunter Johnston

@huntabyte

hahaha-helpme

hahaha-helpme

@hahaha-helpme

Sponsor my work

Credits

S

Shaban

Designed the original version that inspired this Svelte adaptation.

@shabanhr

Features

60 ready-to-use marketing blocks

Includes hero, footer, CTA, blog, FAQ, contact, pricing, and more.

Clean UI that works on all screen sizes

Each block looks good on mobile, tablet, and desktop with modern spacing and layout.

Install with the shadcn-svelte CLI

Install blocks using the shadcn-svelte CLI for a seamless setup.

Free, open source, and easy to customize

Edit any block the way you want, with support for both light mode and dark mode.