A stunning, glassmorphism-styled Markdown editor and previewer built with Vite and Vanilla JS.
- 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
DOMPurifyto prevent XSS attacks. - Responsive Design: Mobile-friendly layout using CSS Grid and Flexbox.
- Premium UI: Glassmorphism aesthetic with animated background gradients.
- Node.js (v14 or higher)
- npm or yarn
-
Clone the repository:
git clone <your-repo-url> cd markdown-preview
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
- 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
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.
This project is licensed under the MIT License.