Llm Markdown screenshot

Llm Markdown

Author Avatar Theme by Skovy
Updated: 24 Sep 2023
153 Stars

Demo rendering rich responses from LLMs

Categories

Overview

The LLM Markdown is a Nextjs application that showcases the ability to display rich-text responses from Large Language Models (LLMs) by prompting and rendering Markdown formatting, Mermaid diagrams, and LaTeX equations. This project utilizes technologies like Nextjs, Vercel, AIremark, Mermaid, LaTeX.js, and more to create visually engaging outputs based on user input prompts.

Features

  • Rich-text Responses: Displaying detailed responses with Markdown formatting, Mermaid diagrams, and LaTeX equations.
  • Interactive Examples: Includes examples like top grossing movies in a Mermaid pie chart and optimal vegetable planting times in a Mermaid Gantt chart.
  • Technological Integration: Utilizes Nextjs framework, Vercel hosting, AIremark library, and more for seamless operation.

Installation

To set up the LLM Markdown app, follow these steps:

  1. Clone the project:
    git clone [project-url]
    
  2. Install dependencies:
    npm install
    
  3. Run the application in development mode:
    npm run dev
    
  4. Open the application in your preferred browser.
  5. Set your OpenAI API Key for full functionality.

Summary

The LLM Markdown Nextjs app demonstrates the capabilities of Large Language Models by showcasing rich-text responses with Markdown, Mermaid diagrams, LaTeX equations, and more. By following the installation guide and integrating the necessary technologies, users can interact with visually appealing and informative outputs based on prompts within the application.