AST explorer

Paste or drop code into the editor and inspect the generated AST. Depending on the parser settings, it not only supports ES5/CSS3. Since the future syntax is supported, the AST explorer is a useful tool for developers who want to create AST transforms. In fact, transformers are included so you can prototype your own plugins. Save and fork code snippets. Copy the URL to share them. Copying an AST or dropping a file containing an AST into the window will parse the AST and update the code using escodegen. Otherwise, the content of the text editor will be replaced with the content of the file (i.e. you can drag and drop JS files). Choose between multiple parsers and configure them. shift+click on a node expands the full subtree. Hovering over a node highlights the corresponding text in the source code. Editing the source or moving the cursor around will automatically highlight the corresponding AST node (or its ancestors of it isn't expanded).