Web3 Full Stack Layer

Web3 Full Stack Layer is a collection of Vue components, composables and utils built on top of Nuxt UI Pro, oriented on structure and layout and designed to be used as building blocks for your next billion web3 full stack app.

• Documentation

Templates

You can get started with our minimal starter, one of our official templates or follow the Installation guide to install Web3 Full Stack Layer in your existing project.

• Landing
• Docs
• SaaS
• Dashboard

Installation

# npm
npm install @web3-fullstack/layer
# yarn
yarn add @web3-fullstack/layer
# pnpm
pnpm add @web3-fullstack/layer
# bun
bun add @web3-fullstack/layer

Next, add it to your nuxt.config.ts in the extends property:

export default defineNuxtConfig({
  extends: ['@web3-fullstack/layer']
})

Start your development server, you should now be able to use all the components, composables and utils from Nuxt UI, Nuxt UI Pro, and Web3 Full Stack Layer 🚀

License Key

Web3 Full Stack Layer is free in development, but you need a license to use it in production. You can choose between Solo and Team, both will give you access to the same features and give you a license key required to build your apps. The main difference is the number of developers that can be invited to the private GitHub repository.

Once you've purchased Nuxt UI Pro, you will receive an email with a license key to activate. Visit https://ui.nuxt.com/pro/activate to activate your license with your GitHub username and license key, you will be invited to the private GitHub repository.

Then, use your license key in your .env file:

# .env
NUXT_UI_PRO_LICENSE=<your-license-key>
NUXT_WEB3_FULL_STACK_LAYER_LICENSE=<your-license-key>

If you have multiple projects on your machine, you can also add it to your ~/.nuxtrc:

uiPro.license=<your-token>

Showcase

Here are some projects using Web3 Full Stack Layer:

• RWA-Wallet
• AO Arena DAO

License

In progress. You cannot repackage Web3 Full Stack Layer or copy/paste the components into premium templates, UI libraries or open source projects.