Skip to content

NXRts/Markdown-Preview

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ Premium Markdown Previewer

A stunning, glassmorphism-styled Markdown editor and previewer built with Vite and Vanilla JS.

License

🌟 Features

  • Live Preview: See your changes instantly as you type.
  • Syntax Highlighting: Beautiful code blocks powered by highlight.js (Tokyo Night theme).
  • Secure: Content is sanitized using DOMPurify to prevent XSS attacks.
  • Responsive Design: Mobile-friendly layout using CSS Grid and Flexbox.
  • Premium UI: Glassmorphism aesthetic with animated background gradients.

🚀 Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone <your-repo-url>
    cd markdown-preview
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev

🛠 Tech Stack

  • Vite: Next Generation Frontend Tooling
  • Marked: A low-level compiler for parsing markdown
  • DOMPurify: DOM-only, super-fast, uber-tolerant XSS sanitizer
  • Highlight.js: Syntax highlighting for the Web

📝 Usage

Simply start typing in the Editor pane on the left. The Preview pane on the right will automatically update. You can use the Clear button in the top toolbar to reset the editor.

📄 License

This project is licensed under the MIT License.

Releases

No releases published

Packages

 
 
 

Contributors