Content is loading…
Share
Explore the AST of JS/TS/JSON/CSS code with switchable parsers — click nodes to highlight source.
AST will appear here.
Hover any node in the tree → corresponding range gets selected in the source. Switch parsers to compare ASTs. Auto-parses as you type. Babel handles JSX + decorators + TS syntax; TypeScript parser gives semantic kind names.
Paste JavaScript, TypeScript, JSON, or CSS and see its abstract syntax tree as a collapsible JSON viewer. Switch between parsers — Acorn, @babel/parser, and TypeScript — to compare how each tokenizes your source. Click any node to highlight the matching span in your code. Indispensable for writing codemods, ESLint rules, Babel plugins, or learning how parsers work.
Share this tool
Format and beautify or minify JavaScript code instantly.
Generate v4 UUIDs instantly, single or in bulk.
See your public IP address plus full location, ISP, ASN, timezone, coordinates, and more.