UI Test Page

A page to test all documentation UI elements and typography.

Top Level Heading

This is a paragraph of text to test the body typography. It should be legible, have appropriate line height, and contrast. Bold text and italic text should be clearly distinguishable.

Second Level Heading#

Here is an unordered list:

Item one
Item two
Item three with a link

Here is an ordered list:

First step
Second step
Third step

Third Level Heading#

Let's test some code blocks:

example.tsx

import * as React from "react";

export function Component() {
  return <div>Hello World</div>;
}

Terminal

pnpm install @redenv/cli

UI Components#

Callouts#

Tip

It can be used without Fumadocs UI, in other words, it's headless.

For beginners and normal usages, use Fumadocs UI.

Warning

This is a warning callout. Watch out!

Error

This is an error callout. Something went wrong.

Tabs#

npm install package

pnpm add package

yarn add package

Install Tabs (Custom Block)#

npm i fumadocs-ui fumadocs-core

pnpm add fumadocs-ui fumadocs-core

yarn add fumadocs-ui fumadocs-core

bun add fumadocs-ui fumadocs-core

npm i fumadocs-ui fumadocs-core

pnpm add fumadocs-ui fumadocs-core

yarn add fumadocs-ui fumadocs-core

bun add fumadocs-ui fumadocs-core

Steps#

Install the CLI

Run the installation command in your terminal.

Login

Authenticate with your account.

Login

Authenticate with your account.

Table#

Feature	Support	specifics
Encryption	✅	AES-256-GCM
Zero Knowledge	✅	Client-side only
Free Tier	✅	Generous limits