Skip to content

A blazing-fast, browser-based code editor with live preview, multi-language support, and VS Code features.

Notifications You must be signed in to change notification settings

PiyushY111/Snippad

Repository files navigation

Code Editor

A modern web-based code editor.

Features

  • Multi-language Support: HTML, CSS, JavaScript, TypeScript, Python, C++, Java, and more
  • Live Preview: See HTML/CSS/JS changes in real-time
  • Code Formatting: Automatic code formatting for JavaScript and TypeScript
  • File Management: Create, rename, and delete files
  • Code Snippets: Built-in and custom code snippets
  • Dark/Light Theme: Toggle between themes
  • Keyboard Shortcuts: Quick access to common actions

Getting Started

  1. Clone or download the project
  2. Install dependencies: npm install
  3. Start the development server: npm run dev
  4. Open your browser and start coding!

Keyboard Shortcuts

  • Ctrl+Enter - Run code
  • Ctrl+Shift+F - Format code
  • Ctrl+Shift+P - Open command palette
  • Ctrl+S - Save (demo)
  • Ctrl+Z - Undo
  • Ctrl+Y - Redo

Technologies Used

  • React with TypeScript
  • Monaco Editor (VS Code's editor)
  • Tailwind CSS
  • Vite

License

MIT License

About

A blazing-fast, browser-based code editor with live preview, multi-language support, and VS Code features.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published