Introduction

Welcome to the IMRF Showcase. This document is rendered entirely using our custom engine. It demonstrates the specialized "Liquid Glass" typography and components available to documentation authors.

Typography

The engine automatically styles standard Markdown elements to match the CtrlZeroDev aesthetic.

Headers

Headers are automatically graded in size and color. H1s have a gradient, H2s feature a subtle underline.

• This is a list item
• Another list item
  • ested item

1. Ordered List
2. Second Item

Blockquotes look like this. They are perfect for calling out important information or quotes. They feature a glass-like background and a cyan accent border.

Custom Components

We have exposed specific React components to Markdown via MDX.

Alerts

Use alerts to highlight critical info.

Cards

Cards can be used to group information.

Code & Syntax

Inline code looks like this.

Block code gets a specialized terminal-like container:

// Example TypeScript Code
interface User {
  id: string;
  name: string;
}

function greet(user: User) {
  console.log(`Hello, ${user.name}`);
}

Images

Images are rendered with rounded corners and subtle borders.

Caption: Images automatically fit the width of the container.

---

Conclusion

The IMRF engine allows for mixing rich content with interactive components, all while maintaining a consistent, high-end visual style.