Sponsored Content
The Wayback Machine - https://web.archive.org/web/20160509103912/https://www.npmjs.com/package/structor
node package manager

structor

An advanced GUI editor for React

Structor - visual GUI editor for React.

Structor is a fast and handy tool for the visual construction of User Interface from a pre-created components.

Introduction

Requirements

  • node.js 5.x
  • npm 3.8.x

Videos

Existing projects on GitHub

Articles

Blog

Getting started

Install Structor in global scope:

npm install structor -g

Then you have two ways to start working in the builder.

The first way:

  • Create an empty folder on local machine.
  • cd to this folder and run command: structor.
  • Open the browser and enter the address: http://localhost:2222/structor.
  • Choose suitable prepack and click clone option.
  • Start composing UI...

The second way (preferable for Windows users):

  • Go to Structor Market http://helmetrex.com, choose suitable boilerplate.
  • Download package on localhost and unpack it in some empty folder.
  • cd to this folder and run npm install command.
  • Once installation is finished run structor.
  • Open the browser and enter the address: http://localhost:2222/structor.
  • Start composing UI...

The next time you want to open project in Structor, just go to the folder where project is and run structor.

Tips
  • To run with different port: structor -p <port>
  • To specify different project's working directory: structor -d <path_to_project_dir>

License

Apache License, Version 2.0 (Apache-2.0)

npm + Greenkeeper + you = ♥︎

Announcing Greenkeeper + npm On-Site…

how? learn more

Collaborators

Stats

Try it out

Keywords

structor, hot-reload, visual, editor, generation, components, gui, react

Dependencies (32)

webpack-hot-middleware, webpack-dev-middleware, webpack, tar-stream, tar-fs, socket.io, request, react-transform-hmr, multer, minimist, lodash, http-proxy, fs-extra, express-urlrewrite, express, esprima-fb, esprima, esformatter-jsx, esformatter, escodegen, body-parser, babel-runtime, babel-preset-stage-0, babel-preset-react, babel-preset-es2015, babel-polyfill, babel-plugin-transform-runtime, babel-plugin-transform-object-assign, babel-plugin-react-transform, babel-plugin-add-module-exports, babel-loader, babel-core