What is Filant: Open web components in your editor?

Filant: Open web components in your editor is a Chrome extension developed by Victor Navarro, and its main feature is "Open React.js and other web components in your editor with a single click".

Extension Screenshots

Download Filant: Open web components in your editor Extension CRX File

Download Filant: Open web components in your editor extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Select your favorite editor among the most popular ones, install a simple plugin for your bundler of choose and now simply open React.js and other web components in your editor by right-clicking the HTML elements.

Extension Basic Information

Name	Filant: Open web components in your editor
ID	eilfjabonchhnfknjldhlbedoimgdkfp
Official URL	https://chromewebstore.google.com/detail/filant-open-web-component/eilfjabonchhnfknjldhlbedoimgdkfp
Description	Open React.js and other web components in your editor with a single click
File Size	71.08 KB
Installation Count	55
Current Version	0.1.1
Last Updated	2021-06-10
Publish Date	2021-05-27
Rating	5.00/5 Total 3 Ratings
Developer	Victor Navarro
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/pocket-apps/filant
Help Page URL	https://github.com/pocket-apps/filant/issues
Supported Languages	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Filant: Open web components in your editor", "description": "Open React.js and other web components in your editor with a single click", "version": "0.1.1", "manifest_version": 3, "permissions": [ "contextMenus", "storage" ], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ], "all_frames": true, "match_about_blank": true } ], "action": { "default_popup": ".\/popup\/index.html", "default_icon": { "16": "\/images\/logo\/filant16.png", "32": "\/images\/logo\/filant32.png", "48": "\/images\/logo\/filant48.png", "128": "\/images\/logo\/filant128.png" } }, "icons": { "16": "\/images\/logo\/filant16.png", "32": "\/images\/logo\/filant32.png", "48": "\/images\/logo\/filant48.png", "128": "\/images\/logo\/filant128.png" } }