.mint-absolute {
    position: absolute
}
.mint-relative {
    position: relative
}
.mint-inset-0 {
    inset: 0px
}
.mint--z-10 {
    z-index: -10
}
.mint-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mint-my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}
.mint-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}
.mint--mt-16 {
    margin-top: -4rem
}
.mint-mb-16 {
    margin-bottom: 4rem
}
.mint-mb-4 {
    margin-bottom: 1rem
}
.mint-mb-6 {
    margin-bottom: 1.5rem
}
.mint-mb-8 {
    margin-bottom: 2rem
}
.mint-mr-3 {
    margin-right: 0.75rem
}
.mint-flex {
    display: flex
}
.mint-grid {
    display: grid
}
.mint-hidden {
    display: none
}
.mint-h-12 {
    height: 3rem
}
.mint-h-14 {
    height: 3.5rem
}
.mint-h-6 {
    height: 1.5rem
}
.mint-h-8 {
    height: 2rem
}
.mint-h-full {
    height: 100%
}
.mint-w-12 {
    width: 3rem
}
.mint-w-14 {
    width: 3.5rem
}
.mint-w-6 {
    width: 1.5rem
}
.mint-w-8 {
    width: 2rem
}
.mint-w-full {
    width: 100%
}
.mint-max-w-2xl {
    max-width: 42rem
}
.mint-max-w-6xl {
    max-width: 72rem
}
.mint-transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.mint-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.mint-flex-col {
    flex-direction: column
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-gap-4 {
    gap: 1rem
}
.mint-gap-8 {
    gap: 2rem
}
.mint-overflow-hidden {
    overflow: hidden
}
.mint-rounded-2xl {
    border-radius: 1rem
}
.mint-rounded-lg {
    border-radius: 0.5rem
}
.mint-border {
    border-width: 1px
}
.mint-border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity))
}
.mint-bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity))
}
.mint-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}
.mint-bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
.mint-from-blue-100 {
    --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.mint-from-blue-600 {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.mint-from-gray-100 {
    --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.mint-from-indigo-100 {
    --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.mint-to-blue-400 {
    --tw-gradient-to: #60a5fa var(--tw-gradient-to-position)
}
.mint-to-blue-50 {
    --tw-gradient-to: #eff6ff var(--tw-gradient-to-position)
}
.mint-to-gray-50 {
    --tw-gradient-to: #f9fafb var(--tw-gradient-to-position)
}
.mint-to-indigo-50 {
    --tw-gradient-to: #eef2ff var(--tw-gradient-to-position)
}
.mint-bg-clip-text {
    background-clip: text
}
.mint-bg-center {
    background-position: center
}
.mint-object-cover {
    object-fit: cover
}
.mint-p-8 {
    padding: 2rem
}
.mint-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.mint-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}
.mint-py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.mint-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}
.mint-text-center {
    text-align: center
}
.mint-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.mint-text-5xl {
    font-size: 3rem;
    line-height: 1
}
.mint-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.mint-font-bold {
    font-weight: 700
}
.mint-font-semibold {
    font-weight: 600
}
.mint-leading-relaxed {
    line-height: 1.625
}
.mint-leading-tight {
    line-height: 1.25
}
.mint-tracking-tight {
    letter-spacing: -0.025em
}
.mint-text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}
.mint-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.mint-text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.mint-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.mint-text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity))
}
.mint-text-transparent {
    color: transparent
}
.mint-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.mint-shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.mint-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.mint-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.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
}
.mint-duration-300 {
    transition-duration: 300ms
}
.hover\:mint--translate-y-0:hover {
    --tw-translate-y: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:mint--translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:mint--translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:mint-bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity))
}
.hover\:mint-bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.hover\:mint-text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.hover\:mint-shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.mint-group:hover .group-hover\:mint-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}
.dark\:mint-border-gray-200:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}
.dark\:mint-border-gray-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity))
}
.dark\:mint-bg-gray-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}
.dark\:mint-from-blue-400:is(.dark *) {
    --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.dark\:mint-from-blue-900\/50:is(.dark *) {
    --tw-gradient-from: rgb(30 58 138 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.dark\:mint-from-gray-900\/50:is(.dark *) {
    --tw-gradient-from: rgb(17 24 39 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.dark\:mint-from-indigo-900\/50:is(.dark *) {
    --tw-gradient-from: rgb(49 46 129 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.dark\:mint-to-blue-300:is(.dark *) {
    --tw-gradient-to: #93c5fd var(--tw-gradient-to-position)
}
.dark\:mint-to-blue-800\/50:is(.dark *) {
    --tw-gradient-to: rgb(30 64 175 / 0.5) var(--tw-gradient-to-position)
}
.dark\:mint-to-gray-800\/50:is(.dark *) {
    --tw-gradient-to: rgb(31 41 55 / 0.5) var(--tw-gradient-to-position)
}
.dark\:mint-to-indigo-800\/50:is(.dark *) {
    --tw-gradient-to: rgb(55 48 163 / 0.5) var(--tw-gradient-to-position)
}
.dark\:mint-text-blue-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.dark\:mint-text-indigo-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(129 140 248 / var(--tw-text-opacity))
}
.dark\:mint-text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.dark\:hover\:mint-bg-gray-800:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}
.dark\:hover\:mint-text-white:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 768px) {
    .md\:mint-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:mint-flex-row {
        flex-direction: row
    }
    .md\:mint-text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }
}

Build confidential smart contracts. Secure, private, and scalable blockchain applications.

Inco - Confidential Computing for Web3

Inco Docs

Introduction

Get started with Inco Lightning in minutes

Quickstart

Walkthrough all the concepts you need to know to get started with Inco

Concepts Guide Introduction

Unique Identifier for an immutable piece of hidden data

Handles

How to input external values and convert them to handles

Inputs

Operations

Using select and the multiplexer design pattern

Control Flow

Fully programmable access control over encrypted data

Access Control

Decryption

Reencryption allows the user to access their own private data without it being exposed to anyone else.

Reencryption

Best Practices

Build confidential smart contracts with Inco Solidity SDK

Solidity SDK

All functions exposed by the Inco library

Library Reference

Fully simulate the Inco environment all from solidity tests

Cheatcodes reference

This tutorial will guide you through creating and deploying a confidential fungible token. You can choose your preferred development environment

Build a Confidential Token

incoJs is a javascript library that enables developers to interact with the inco protocol

Build with Inco

Why Inco?

Private Use Cases

Developer Friendly

Scalable & Secure

Getting Started

Quick Start Guide

Build a Confidential Token

Build with Inco

Build Confidential Smart Contracts

Frontend/Backend Integration

Build with Inco

​Why Inco?

Private Use Cases

Developer Friendly

Scalable & Secure

​Getting Started

Quick Start Guide

Build a Confidential Token

​Build with Inco

Build Confidential Smart Contracts

Frontend/Backend Integration

Why Inco?

Getting Started

Build with Inco