# Introduction

<figure><img src="https://6120659-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7JAlD5Gj6NLzmo4YOnbv%2Fuploads%2FpmTuuncK3JabvnROczUy%2FBlock3d-Introduction-Documention.png?alt=media&#x26;token=a27086b9-9c34-4410-8c24-01cb5db46442" 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://block3d.gitbook.io/block3d/introduction.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
