https://github.com/matter-labs/zksync-frontend-templates
Frontend Templates for ZKsync: vue, react, next, wagmi
https://github.com/matter-labs/zksync-frontend-templates
ethers nextjs react vue wagmi zksync
Last synced: 3 months ago
JSON representation
Frontend Templates for ZKsync: vue, react, next, wagmi
- Host: GitHub
- URL: https://github.com/matter-labs/zksync-frontend-templates
- Owner: matter-labs
- License: mit
- Created: 2023-11-03T13:13:01.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-29T20:46:52.000Z (almost 2 years ago)
- Last Synced: 2025-06-29T08:42:05.011Z (12 months ago)
- Topics: ethers, nextjs, react, vue, wagmi, zksync
- Language: TypeScript
- Homepage:
- Size: 633 KB
- Stars: 14
- Watchers: 5
- Forks: 13
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# zkSync Frontend Templates
Welcome to the `zkSync Frontend Templates` repository. This collection of frontend templates is designed to accelerate your zkSync project's setup, including templates tailored for all your favorite frameworks like Vue and React.
## 📘 Overview
The templates in this repository assist with various functionalities, such as network configuration, wallet connectivity, transaction handling, and more, to offer a smooth zkSync integration.
## 📁 Available Templates
To make navigation easier, the templates are structured based on their respective frameworks and configurations:
### Vue
- **Vue** – Harness the power of Vue with these templates for a seamless zkSync integration, suitable for all Vue enthusiasts and projects using Vue framework.
- Nuxt
- [Wagmi](./templates/vue/nuxt3-wagmi/)
- [Wagmi + Web3Modal](./templates/vue/nuxt3-wagmi-web3modal/)
- Vite
- [Wagmi](./templates/vue/vite-wagmi/)
- [Wagmi + Web3Modal](./templates/vue/vite-wagmi-web3modal/)
- **Ethers v6 (latest)**
- [Nuxt](./templates/vue/nuxt3-ethers/)
- [Vite](./templates/vue/vite-ethers/)
- **Ethers v5**
- [Nuxt](./templates/vue/nuxt3-ethers5/)
- [Vite](./templates/vue/vite-ethers5/)
### React
- **React Templates** – Jumpstart your zkSync project with our React templates, providing out-of-the-box solutions for React-based applications.
- Next
- [Wagmi](./templates/react/next-wagmi/)
- [Wagmi + Web3Modal](./templates/react/next-wagmi-web3modal/)
- [Wagmi + RainbowKit](./templates/react/next-wagmi-rainbowkit/)
- Vite
- [Wagmi](./templates/react/vite-wagmi/)
- [Wagmi + Web3Modal](./templates/react/vite-wagmi-web3modal/)
- **Ethers v6 (latest)**
- [Next](./templates/react/next-ethers/)
- [Vite](./templates/react/vite-ethers/)
- **Ethers v5**
- [Next](./templates/react/next-ethers5/)
- [Vite](./templates/react/vite-ethers5/)
- **Web3.js**
- [Next](./templates/react/next-web3js)
- [Vite](./templates/react/vite-web3js)
### Svelte
- **Svelte Templates** – Kickstart your zkSync project using our Svelte templates, designed to offer ready-made solutions for applications built with Svelte.
- SvelteKit
- [Wagmi](./templates/svelte/sveltekit-wagmi/)
- [Wagmi + Web3Modal](./templates/svelte/sveltekit-wagmi-web3modal/)
- Vite
- [Wagmi](./templates/svelte/vite-wagmi/)
- [Wagmi + Web3Modal](./templates/svelte/vite-wagmi-web3modal/)
- **Ethers v6 (latest)**
- [SvelteKit](./templates/svelte/sveltekit-ethers/)
- [Vite](./templates/svelte/vite-ethers/)
- **Ethers v5**
- [SvelteKit](./templates/svelte/sveltekit-ethers5/)
- [Vite](./templates/svelte/vite-ethers5/)
## 🤝 Contribution
Your contributions are always welcome! Whether it's submitting PRs, suggesting improvements, or reporting issues, your feedback is invaluable in refining these templates.
## 🌍 Official Links
- [Website](https://zksync.io/)
- [GitHub](https://github.com/matter-labs)
- [Twitter](https://twitter.com/zksync)
- [Discord](https://join.zksync.dev/)
## 📜 License
This project is licensed under [MIT](./LICENSE-MIT).