https://github.com/murad-ismayil/markdown-live-preview

A minimalist, high-performance Markdown Live Previewer built with React and Tailwind CSS. Features dark mode, syntax highlighting, and GFM support.
https://github.com/murad-ismayil/markdown-live-preview

frontend markdown-editor markdown-editor-react markdown-previewer modern react reactjs tailwindcss web web-development

Last synced: 29 days ago
JSON representation

A minimalist, high-performance Markdown Live Previewer built with React and Tailwind CSS. Features dark mode, syntax highlighting, and GFM support.

• Host: GitHub
• URL: https://github.com/murad-ismayil/markdown-live-preview
• Owner: murad-ismayil
• Created: 2025-12-17T23:19:34.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-12-20T00:21:41.000Z (5 months ago)
• Last Synced: 2025-12-21T10:37:51.037Z (5 months ago)
• Topics: frontend, markdown-editor, markdown-editor-react, markdown-previewer, modern, react, reactjs, tailwindcss, web, web-development
• Language: HTML
• Homepage: https://murad-ismayil.github.io/markdown-live-preview/
• Size: 375 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Modern Live Markdown Previewer

A minimalist and user-friendly Markdown editor with advanced editing features and instant live preview support.

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)

![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

## 🔗 Live Demo

🚀 **[View Live Demo](https://murad-ismayil.github.io/markdown-live-preview/)**

## ✨ Features

- **Instant Preview**: Everything you write appears instantly in the right panel with an optimized 450ms delay.

- **Modern Interface**: Eye-pleasing design enriched with transparent layers and elegant background patterns.

- **Advanced Code Blocks**: Colorful Syntax Highlighting for various programming languages.

- **Full GFM Support**: Compatible with tables, task lists, and all GitHub-style formatting.

- **Dark & Light Mode**: Seamless one-click transition with perfect readability in both modes.

## 🚀 Getting Started

To run the project on your local machine:

1. Clone the repository:

   ```bash

   git clone [https://github.com/TheMurad/markdown-live-preview.git](https://github.com/TheMurad/markdown-live-preview.git)

   

2. Install dependencies:

   ```bash

   npm install

4. Launch the application:

   ```bash

    npm run dev

Made by Murad I.