Deckweiss Components Registry
Getting Started

Get Started Guide

Get up and running with Deckweiss Components in your SvelteKit project.

Browse Components

Explore all available components with live demos and code examples.

Explore Utils

Check out our utilities for common patterns and functionality.

Browse Resources

Copy-paste code snippets and reference content for your project.

Page Templates

Installable ready-to-use page templates for changelog, dashboards, and more.

Prerequisites

  • 1

    SvelteKit Project

    You need an existing SvelteKit project. If you don't have one, create one first.

  • 2

    shadcn-svelte

    Set up shadcn-svelte in your project first.

Installation

Use the shadcn-svelte CLI to add components from our registry:

Terminal
npx shadcn-svelte@next add "https://components.deckweiss.at/r"

Adding a Component

For example, to add the Loading Image component:

Terminal
npx shadcn-svelte@next add "https://components.deckweiss.at/r/loading-image.json"

This will add the component to your project along with any required dependencies.

Usage

After installation, import and use the component in your Svelte files: