Code Prettify

Code Prettify Demo

A client-side code formatting tool for HTML, CSS, SCSS, Sass, and JavaScript.

Runs entirely in the browser using Prettier standalone. No uploads, no servers, no tracking.

Designed for quick single-file cleanup, review, and copy-paste workflows.

Features

• Format a single file at a time
• Supported languages:
  • HTML
  • CSS
  • SCSS
  • Sass
  • JavaScript
• Configurable formatting options:
  • Indentation (2 or 4 spaces)
  • Print width
  • Single quotes
  • Semicolons
• Side-by-side input and output
• Copy formatted output
• Modern, lightweight UI
• Works offline once loaded
• GitHub Pages compatible

Tech Stack

• Vite
• Prettier (standalone, browser build)
• Vanilla JavaScript
• CSS (no framework)

Getting Started

Install dependencies:

npm install
npm run dev