Emmet LiveStyle

LiveStyle — the first bi-directional real-time edit tool for CSS, LESS and SCSS.

Emmet LiveStyle: Real-time CSS, LESS, SCSS Webpage Editing

Emmet LiveStyle is a unique Chrome extension tool providing a real-time experience in editing CSS, LESS, or SCSS files. It enables live updating of your webpage stylesheets directly from your text editor, eliminating the need for file saving or page reloading. The tool transfers updates from DevTools back into source code correctly. It also includes a Remote View feature, creating a publicly available URL for testing local websites on any internet-connected device or BrowserStack service.
Install from Chrome Web Store

Extension stats

Users: 20,000+
Rating: 4.36
(351)
Version: 1.0.8 (Last updated: 2017-03-14)
Creation date: 2017-03-14
Risk impact: High risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • tabs
  • storage
  • identity
  • webRequest
  • http://*/*
  • https://*/*
Size: 364.54K

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Instantly updates your web-page stylesheet while you edit CSS, LESS or SCSS file in your text editor. No file saving or page reloading: pure real-time experience! And this is the first tool that transfers updates from DevTools back into source code the right way.

Includes Remote View: creates publicly-available URL (aka “reverse tunnel”) to test your local web-sites on any internet-connect device or services like BrowserStack.

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Incredible potential for quick CSS updates
  • Great for checking development/internal sites remotely
  • Awesome tool for learning and beginners
Cons
  • Unreliable and inconsistent performance
  • Frequent errors and issues with session creation
  • Settings reset upon page refresh
  • Does not work with new versions of Chrome
  • CSS changes frequently do not reflect correctly
Most mentioned
  • Error messages regarding Remote View server
  • Inconsistent stylesheet loading
  • Stuck on update prompts
  • Issues with CSS disappearing or not applying
  • Instability on the latest versions of Chrome and macOS
User reviews
Можно обновить проект? После авторизации гугла выдало - Error Unable to create session, Remote View server is not available. Please try again later. (ERVSESSION)
by Gregori Rain, 2021-11-29

I think this tool has incredible potential. I JUST WISH IT WOULD WORK CONSISTENTLY. The time it saves me in manually updating my css is lost in trying to debug why my stylesheets aren't loading half the time :(
by Jason Edward, 2021-09-10

1日使用して失敗したので二度と犠牲者を出さないためにレビューします。 2021年4月MAC Bigsurにて使用しました。コンセプトはとても良いものだと思います。 しかし、仕事で利用するのは絶対にやめた方が良いです。 書いたCSSが消えることは日常茶飯事でおまけにまともに反映されません。 プロパティの値を更新するとDeveloperツールに反映されないことが頻発し、コメントアウトとコメントアウト解除をすると反映されます。 挙句の果てには過去のバージョンと思わしき謎のスタイルシートを読み込みはじめ、収拾がつかなくなりました。 とにかく動作が不安定すぎて信頼性のかけらもありません。 古いPCなどでは動くかもしれませんが、最新のChromeと最新のmacOSで使用するのはおすすめしません。 3時間くらい吹っ飛びました。
by A T, 2021-04-14
View all user reviews

Extension safety

Risk impact

Emmet LiveStyle requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk likelihood

Emmet LiveStyle has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Promo images

Emmet LiveStyle small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Emmet LiveStyle: