/* Danger admonition coloring */

.danger-admonition {
  border: 1px solid rgba(239, 68, 68, 0.2);
  background-color: rgba(254, 242, 242, 0.5);
}

.dark\:danger-admonition:is(.dark *) {
  border-color: rgba(239, 68, 68, 0.3);
  background-color: rgba(239, 68, 68, 0.1);
}

.base_header_img {
  margin: auto;
}

.homepage_wrapper {
  width: 75%;
  max-width: 1376px;
  margin: auto;
  margin-bottom: 50px;
}

.home_header {
  padding-bottom: 0 !important;
}

.home_header h1 {
  margin-bottom: 24px;
}

.home_header div p {
  margin-top: 10px;
}


.mint-fixed {
    position: fixed
}
.mint-bottom-0 {
    bottom: 0px
}
.mint-left-0 {
    left: 0px
}
.mint-right-0 {
    right: 0px
}
.mint-z-50 {
    z-index: 50
}
.mint-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mint-mb-12 {
    margin-bottom: 3rem
}
.mint-mb-2 {
    margin-bottom: 0.5rem
}
.mint-mt-12 {
    margin-top: 3rem
}
.mint-mt-8 {
    margin-top: 2rem
}
.mint-flex {
    display: flex
}
.mint-max-w-6xl {
    max-width: 72rem
}
.mint-flex-shrink-0 {
    flex-shrink: 0
}
.mint-flex-col {
    flex-direction: column
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-border-t {
    border-top-width: 1px
}
.mint-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.mint-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.mint-text-center {
    text-align: center
}
.mint-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.mint-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.mint-font-bold {
    font-weight: 700
}
.mint-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.mint-text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.mint-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.hover\:mint-text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.dark\:mint-bg-black:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
.dark\:mint-text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.dark\:hover\:mint-text-gray-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}
@media (min-width: 1024px) {
    .lg\:mint-px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

Showcase

Base Documentation

The #1 Ethereum Layer 2, incubated by Coinbase

Base

Products

Use Cases

A guide to building a next.js app on Base using OnchainKit

Build an App

Launch a Token

Deploy an Appchain

A guide to help you get started with deploying your smart contracts on Base.

Deploy Smart Contracts

The Base ecosystem offers multiple funding pathways designed specifically for builders at every stage—from weekend experiments to full-scale ventures.

Get Funded

A collection of services for building on Base.

Base Services Hub

Connect with local Base community leaders and ambassadors around the world

Country Leads & Ambassadors

How to use AI-powered IDEs to generate code for OnchainKit.

AI-powered IDEs

Use AI-powered IDEs

Learn practical AI prompting techniques to enhance your coding workflow and get better results from AI coding assistants.

Prompt Library

Developer's Guide to Effective AI Prompting

Why Base?

Deploy on Base

Documentation about Base Mainnet and Base Testnet. This page covers network information for the Base network, including network names, descriptions, RPC endpoints, chain IDs, currency symbols, and block explorers.

Connecting to Base

How to submit ERC-20 tokens for bridging between Ethereum and Base as a token issuer.

Bridge Tokens to Base

Bridging an L1 token to Base

A comprehensive list of L2 contract addresses for Base Mainnet and Base Testnet, including links to their respective blockchain explorers.

Base Contracts

Contract Addresses

Documentation about network fees on Base. This page covers details of the two-component cost system involving L2 execution fees and L1 security fees, and offers insights on fee variations and cost-saving strategies.

Network Fees

Ecosystem Contracts

This page outlines how Base blocks are built.

Block Building

Differences: Ethereum & Base

Differences between Ethereum and Base

Experience lightning-fast transaction confirmations on Base by using Flashblocks. Preconfirmations happen in just 200 milliseconds—designed for real-time apps, games, and seamless UX.

Apps

Flashblocks

Node Providers

How to host Flashblocks-aware RPC nodes

A tutorial that teaches how to set up and run a Base Node.

Getting Started

Performance Tuning

Node Performance

Snapshots

Node Snapshots

Troubleshooting

Node Troubleshooting

Base Products

Documentation for the Onchain Registry API.

Onchain Registry API

Documentation for Node Providers for the Base network. Including details on their services, supported networks, and pricing plans.

Documentation for block explorers for the Base network.

Block Explorers

Documentation for Testnet Faucets for the Base network. Details how to obtain Base testnet ETH.

Network Faucets

Documentation for various blockchain oracles for Base. Including support for price feeds and verifiable random functions (VRF).

Oracles

Documentation for various ways to onboard users in your apps on Base.

User Onboarding

Documentation for data indexing platforms for Base network.

Data Indexers

Documentation for cross-chain communication and messaging on the Base network. This page covers integrating tools like LayerZero with Base for web3 transactions, cross-chain messaging, and secure blockchain communication.

Cross-chain

Documentation for Account Abstraction toolkits and solutions for apps built on Base.

Account Abstraction

Documentation for fiat-to-crypto onramps for the Base network.

Onramps

Tokens in Coinbase Wallet

This page outlines the purpose, goals, structure, and responsibilities of the Security Council for Base.

Security Council for Base

The Base bug bounty program and procedures for reporting vulnerabilities.

Avoid Malicious Flags

How to avoid getting your app flagged as malicious

The Base procedures for reporting vulnerabilities.

Report a Vulnerability

Reporting Vulnerabilities

Get Started with Smart Wallet

Quick Demo using OnchainKit (5 mins)

Add to Existing Next.js Project (with Wagmi)

Add to Existing React Native App

AI Tools for Smart Wallet Developers

What is Smart Wallet?

Base Gasless Campaign

Understanding Smart Wallet's anonymous telemetry system and how to configure it.

Telemetry

Telemetry · Smart Wallet

Using Smart Wallet with Sign-In with Ethereum

Sign Messages Using Smart Wallet

MagicSpend

Batch Transactions

Build with Paymasters (Sponsored Transactions)

ERC20 Paymasters

Profiles

Build with Spend Permissions

Coin Your Bangers (Sub Accounts)

Coin Your Bangers: Turn Your Jokes into Coins

How Onchain Vibes Store uses Coinbase Smart Wallet Profiles for secure user data collection during onchain checkout.

Onchain Vibes Store (Profiles)

Sub Accounts Reference

Profiles Reference

Basenames FAQ

A tutorial that teaches how to integrate Basenames to your wagmi/viem App using OnchainKit

Basenames + OnchainKit Tutorial

A tutorial that teaches how to integrate Basenames to your wagmi/viem App

Basenames + Wagmi Tutorial

Contribute to the Smart Wallet Docs

Security and Bug Bounty

Understanding OnchainKit's anonymous telemetry system and how to configure it.

Telemetry · OnchainKit

Next.js Installation

Next.js Installation · OnchainKit

Vite Installation

Vite Installation · OnchainKit

Remix Installation

Remix Installation · OnchainKit

Astro Installation

Astro Installation · OnchainKit

<OnchainKitProvider />

Customize the Wagmi and QueryClient providers

Supplemental Providers

Supplemental Providers · OnchainKit

How to influence the behavior of your components and onchain data with Lifecycle Status.

Lifecycle Status

Lifecycle Status · OnchainKit

Learn how to integrate Tailwind CSS with OnchainKit

Tailwind CSS Integration Guide

Tailwind CSS Integration Guide · OnchainKit

Customize the appearance of OnchainKit's components

OnchainKit Themes

OnchainKit Themes · OnchainKit

Integrate Basenames into your onchain app, in just a few steps.

Use Basename

Use Basename · OnchainKit

Use AI-powered IDEs · OnchainKit

AI Prompting Guide

Onchain NFT App

Onchain Commerce App

Onchain Social Profile

The `<Signature />` component supports signing EIP712 and personal_sign messages.

<Signature />

<Signature /> · OnchainKit

The `<Transaction />` components provide a high-level wrap around the entire transaction flow. It handles the transaction lifecycle, including gas estimation, fee sponsorship, and status updates.

<Transaction />

<Transaction /> · OnchainKit

API types

Glossary of Types in Appchain components & utilities.

Appchain

Appchain components & utilities Types

Glossary of Types in Checkout components & utilities.

Checkout

Checkout components & utilities Types

Config

OnchainKit top-level types

Glossary of Types in Earn components & utilities.

Earn

Earn components & utilities Types

Fund

Fund components & utilities types

Glossary of Types in Identity components & utilities.

Identity

Identity components & utilities Types

Glossary of Types in NFT components & utilities.

Mint

NFT components & utilities Types

Glossary of Types in Signature components & utilities.

Signature

Signature components & utilities Types

Glossary of Types in Swap components & utilities.

Swap

Swap components & utilities Types

Glossary of Types in Token components & utilities.

Token

Token components & utilities Types

Glossary of Types in Transaction components & utilities.

Transaction

Transaction components & utilities Types

Glossary of Types in Wallet components & utilities.

Wallet

Wallet components & utilities types

Contribution Guide

Contribution Guide · OnchainKit

Reporting a bug

OnchainKit Bug Reporting Guide

Overview and implementation guide for Mini Apps in Coinbase Wallet

Getting Started with Mini Apps

Guide for building and optimizing mini apps for Coinbase Wallet

Mini Apps in Coinbase Wallet

Frequently asked questions about the Coinbase Wallet limited beta

Coinbase Wallet Beta

Overview

Learn how to build mini apps on Base with MiniKit - from setup to deployment and advanced features

Showcase

Blocklords

Aerodrome

Morpho

OpenSea

Cat Town

HeyElsa AI