Installation

Nindo is distributed as a shadcn/ui style registry component. This means you get a single, self-contained file that you can customize to your needs.

Prerequisites

Before installing Nindo, ensure you have:

• Tailwind CSS configured
• shadcn/ui configured
• Typescript recommended

Setup

bashnpx shadcn-ui@latest add https://nindo.rasengan.dev/registry/markdown-editor.json

This command will:

• Download the markdown-editor.tsx file
• Download required shadcn ui components like button and card.
• Place them all in your components/ui directory
• Install required dependencies such as react-markdown, lucide-react, react-syntax-highlighter, @rasenganjs/theme and others

Usage

tsximport { MarkdownEditor } from '@/components/ui/markdown-editor';
 
export default function Page() {
  return (
    <div className="container mx-auto p-8">
      <MarkdownEditor />
    </div>
  );
}

If you see the editor with toolbar and preview, you're good to go! 🎉