Ethers Svelte screenshot

Ethers Svelte

Author Avatar Theme by Clbrge
Updated: 7 Nov 2023
17 Stars

Ethers.js library as a collection of stores for Svelte, Sapper or SvelteKit.

Overview

ethers-svelte is a package that integrates the ethers.js v6 library as a collection of readable Svelte stores for Svelte or SvelteKit. It provides a convenient and reactive way to interact with Ethereum blockchain using ethers.js in your Svelte applications. This package simplifies the process of building decentralized applications using Svelte or SvelteKit.

Features

  • A set of reactive Svelte stores, automatically updated when a new connection, or when the chain or the selected account changes
  • Support for ethers.js version 6, with compatibility for various EVM providers such as browser wallets like Metamask, WalletConnect, Web3Modal, web3-onboard, and more
  • Basic Svelte components for typical ethers.js usage, such as Balance, Identicon, and Jazzicon, demonstrating how it is easy to build common UI elements in your application

Installation

To use ethers-svelte in your Svelte or SvelteKit project, you need to add it as a dependency. Run the following command to install the package:

npm install ethers-svelte

Once the package is installed, you can import and use the provided stores and components in your application.

Summary

ethers-svelte is a package that integrates the ethers.js library into Svelte applications, providing reactive Svelte stores and components for interacting with the Ethereum blockchain. It simplifies the process of building decentralized applications using Svelte or SvelteKit and supports ethers.js version 6. With ethers-svelte, you can easily connect to Ethereum blockchain, manage accounts and contracts, and create reactive UI components that respond to changes in the blockchain data.