Svelte Components

Overview

Mesh provides a collection of Svelte 5 components for building Cardano dApps. Use these components to connect wallets, manage wallet state, and interact with the Cardano blockchain.

When to use Mesh Svelte:

• You need wallet connection UI for a Svelte application
• You want reactive wallet state management with Svelte 5 runes
• You prefer pre-built components over building from scratch

Quick Start

Install the package and add a wallet connection button in under 2 minutes.

npm install @meshsdk/svelte

<script lang="ts">
  import '@meshsdk/svelte/styles.css';
  import { CardanoWallet } from "@meshsdk/svelte";
</script>

<CardanoWallet />

What's Included

Related Links

• Getting Started Guide - Complete setup instructions
• UI Components - All available components
• Browser Wallet API - Full CIP-30 wallet API reference