CSS Editor Connector for UI Rig

This program is for styling UI Rig files from standalone editors. Your edits will be hot-reloaded.

Supports .css, .less, .scss

Documentation

https://docs.uirig.com/css-editor

Install

git clone https://github.com/uxtely/css-editor-connector.git
cd css-editor-connector
npm install

Usage Example

./connect.js my-styles.less

Then, Previewer → CSS Editor → Connect External Editor

You can connect many UI Rig apps, for example in different browsers or sizes, and the changes will be pushed to all of them.

The program watches for stylesheet changes, and changes in its directory. Therefore, imported sheets can trigger live-updates too, as long as they are within that directory.

Troubleshooting

Error Code EADDRINUSE means conflict.

• Is another instance running? Only one active connector is supported.
• Is another program using port 29924 on your localhost?

Syntax Errors

• UI Rig shows "Error with the stylesheet on the External Editor Connector. Most likely is a syntax error."
  • If you’re using .less or .scss check the console, it will indicate where the error is.

License

This program is ISC licensed.