Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>ZM HTML to JSXNew to Visual Studio Code? Get it now.
ZM HTML to JSX

ZM HTML to JSX

zmcomponents

|
537 installs
| (0) | Free
convert html into zm React component and adds required imports statements
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

HTML to ZM JSX converter

Features

  • Convert HTML into zm mail jsx component with corresponding props
  • Works in JS/X and TSX
  • Automatically adds missing imports

Steps to convert html to jsx

  • Copy the html from mockup and paste it into vscode
  • Open Command Palette using (⇧⌘P in Mac or Ctrl+Shift+P in Windows/Linux)
  • Run Convert html to zm jsx component command. This command will convert HTML into Component

Supported Components

  • avatar
  • badge
  • buttons
  • radio-check
  • switch
  • text-select

Note

Please Make sure the few elements which are not self closed in html needs to be self closed before running this command. Eg. input, img, br.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft