EXPLORER

EXTENSIONS

SETTINGS

SOURCE CONTROL

SNIPPETS

AI Assistant

No provider configured

Loading editor…

Frontend Studio

Professional browser-based IDE

Ctrl+Shift+P Command Palette

Ctrl+P Quick Open

Ctrl+S Save

Ctrl+B Toggle Sidebar

F5 Refresh Preview

Shift+Alt+F Format

No console output yet. Open a preview to capture logs.

No problems detected.

Output will appear here.

Frontend Code Tools 19 tools

HTML Formatter

Beautify and indent HTML markup

HTML Minifier

Compress HTML by removing whitespace and comments

HTML Encoder

Encode special characters as HTML entities (<, &…)

HTML Decoder

Decode HTML entities back to readable characters

Strip HTML Tags

Remove all HTML tags, leaving plain text only

HTML → Markdown

Convert HTML markup to Markdown syntax

HTML Table Generator

Generate a ready-to-use HTML table with custom rows and columns

RowsCols With <thead>

CSS Formatter

Beautify and indent CSS with consistent spacing

CSS Minifier

Remove comments, whitespace and shorten color values

CSS Validator

Basic structural validation — balanced braces, syntax checks

CSS → SCSS

Convert CSS to SCSS comment style, ready for nesting

CSS Variable Extractor

Find all CSS custom properties (--variables) and generate a :root block

JS Formatter

Re-indent JavaScript code based on brace structure

JS Minifier

Strip comments and collapse whitespace from JavaScript

Syntax Checker

Detect JavaScript syntax errors using the browser engine

JS Escape / Unescape

Escape special characters for use in JS strings

Variable Name Converter

Convert between camelCase, snake_case, kebab-case, PascalCase

JS Console Runner

Execute JavaScript in a sandboxed iframe and capture console output

Output will appear here after running…

Original / Left

Modified / Right

Paste two pieces of text above and click Compare to see the diff.

0 0