Everything you need to build dApps on Stylus

Designed to make it easier for developers to create, deploy and interact with smart contracts on Arbitrum. Built using Rust, NextJS, RainbowKit, Wagmi and Typescript.

Use one of our starter-kit extensions.

Coming Soon

ERC-721

Introduces an ERC-721 token contract

npx create-stylus@latest

-e erc-721

Coming Soon

ERC-20

Introduces an ERC-721 token contract

npx create-stylus@latest

-e erc-20

DATA-FEED

the basis for your ARB/USD price feed Chainlink based dApp

npx create-stylus@latest

-e chainlink-data-feed

RANDOMNESS

Chainlink based with Chainlink verified randomness.

npx create-stylus@latest

-e chainlink-data-feed

DEBUG CONTRACT

Experiment with Stylus using a frontend that adapts to your smart contract

Debug and refine your smart contracts with a live-updating frontend. Scaffold-Stylus is an ideal stack for progressing from rapid prototyping to production-grade dApps.

Checkout this sample Scaffold-Stylus dApp

Learn how to use it

Connect Wallet

Metamask

Wallet Connect

Burner Wallet

DEBUG CONTRACT

Collection of common web3 components to quickly build your frontend.

Accelerate your dapp development using our pre-built components for common web3 use cases.

vitalik.eth

Address Input component that displays ENS avatars for addresses

$

100

Balance component that changes between eth and $ on click.

Copy Address

Address component

CUSTOM HOOKS

Collection of React hooks wrapper around Wagmi

Simplify interactions with smart contracts with typescript autocompletion

const { writeAsync } = useScaffoldWriteContract({

contractName: "MyContract",

functionName: "myFunction",

args: [arg1, arg2],

options: “”

});

const { writeAsync } = useScaffoldWriteContract({

contractName: "MyContract",

functionName: "myFunction",

args: [arg1, arg2],

options: “”

});

CUSTOM HOOKS

Built-in Block Explorer to check transaction data easily during your tests

Review transaction data from your local tests to make sure everything is working as expected. With our built-in Block Explorer, you can check the transaction details from your dapp while tinkering with it.

Join Telegram

Join Discord

Follow Us

Brand Assets

Everything you need to build dApps on Stylus

Designed to make it easier for developers to create, deploy and interact with smart contracts on Arbitrum. Built using Rust, NextJS, RainbowKit, Wagmi and Typescript.

Use one of our starter-kit extensions.

Coming Soon

ERC-721

Introduces an ERC-721 token contract

npx create-stylus@latest

-e erc-721

Coming Soon

ERC-20

Start with a simple ERC-20 token implementation

npx create-stylus@latest

-e erc-20

DATA-FEED

the basis for your ARB/USD price feed Chainlink based dApp

npx create-stylus@latest

-e chainlink-data-feed

RANDOMNESS

Chainlink based with Chainlink verified randomness.

npx create-stylus@latest

-e chainlink-vrf

DEBUG CONTRACT

Experiment with Stylus using a frontend that adapts to your smart contract

Debug and refine your smart contracts with a live-updating frontend. Scaffold-Stylus is an ideal stack for progressing from rapid prototyping to production-grade dApps.

Checkout this sample Scaffold-Stylus dApp

Learn how to use it

Connect Wallet

Metamask

Wallet Connect

Burner Wallet

vitalik.eth

Address Input component that displays ENS avatars for addresses

$

100

Balance component that changes between eth and $ on click.

Copy Address

Address component

DEBUG CONTRACT

Collection of common web3 components to quickly build your frontend.

Accelerate your dapp development using our pre-built components for common web3 use cases.

CUSTOM HOOKS

Collection of React hooks wrapper around Wagmi

Simplify interactions with smart contracts with typescript autocompletion

const { writeAsync } = useScaffoldWriteContract({

contractName: "MyContract",

functionName: "myFunction",

args: [arg1, arg2],

options: “”

});

const { writeAsync } = useScaffoldWriteContract({

contractName: "MyContract",

functionName: "myFunction",

args: [arg1, arg2],

options: “”

});

CUSTOM HOOKS

Built-in Block Explorer to check transaction data easily during your tests

Review transaction data from your local tests to make sure everything is working as expected. With our built-in Block Explorer, you can check the transaction details from your dapp while tinkering with it.

Join Telegram

Join Discord

Follow Us

Brand Assets

Documentation

Video Demo dApp

Live Demo dApp

Github