> For the complete documentation index, see [llms.txt](https://block3d.gitbook.io/block3d/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://block3d.gitbook.io/block3d/introduction.md).

# Introduction

<figure><img src="/files/C9WKnQOrCMxvCVhYwPFg" alt=""><figcaption><p>Block3d infographic showcasing its ability to protect your happy meal.</p></figcaption></figure>

## Overview

Block3d is built with a handful of existing tools and libraries:

* [Next.js v13+](https://nextjs.org/docs)
* [RainbowKit](https://www.rainbowkit.com/docs/introduction)
* [Tailwind CSS](https://tailwindcss.com/docs/installation)
* [Viem](https://viem.sh/docs/getting-started)
* [Wagmi](https://wagmi.sh/react/getting-started)&#x20;

At its core, it consists of a main component that wraps the entire app, a config file that lives in the root directory, and a handful of hooks, utility functions, and other smaller components. Getting started and tailoring access control to fit your desired needs is extremely easy.

Please note, in its current state, Block3d requires that you specify [client-side rendering](https://nextjs.org/docs/app/building-your-application/rendering/client-components) with `"use client";` at the top of your files.