Polymer Designer

Polymer Designer is a UI Designer for HTML, Custom Elements, and Polymer.

Status

This is a complete, from-scratch, rewrite of Polymer Designer in Polymer 1.0,
sometimes referred to as Designer 2. It it not yet usable, and currently only
allows basic editing of some hard-coded demos. Don’t expect too much.
We’ve moved the Designer 2 source into the master branch because we are no
longer maintaining Designer 1. If you’re looking for the Designer 1 source, it’s
still available in the designer1 branch.

Developing

• Install global dependencies

  $ npm install -g bower
  $ npm install -g gulp
  

• Install Bower and npm Dependencies:

  $ bower install
  $ npm install
  

• Build and run the desktop app in Electron

  $ gulp electron
  $ npm run electron
  

• Build and run the browser app with the local server:

  $ gulp browser
  $ npm start
  

  <p>
    Navigate Chrome Canary to localhost:8080/ to see the demo interface. </li> </ul> 
    
    <h2 dir="auto">
      <a rel="nofollow noopener" target="_blank" id="user-content-tests" class="anchor" aria-hidden="true" href="#tests"></a>Tests
    </h2>
    
    <p>
      Tests are run with Web Component Tester.<br /> Install the <code>wct</code> command line tool with npm:
    </p>
    
    <pre class="notranslate"><code>$ npm install -g web-component-tester
  

    <p>
      Then run <code>wct</code> from the designer project folder:
    </p>
    
    <pre class="notranslate"><code>$ wct
  

    <h2 dir="auto">
      <a rel="nofollow noopener" target="_blank" id="user-content-browser-support" class="anchor" aria-hidden="true" href="#browser-support"></a>Browser Support
    </h2>
    
    <p>
      Designer uses some very new browser APIs like <code>Document.elementsFromPoint</code><br /> as well as some ECMAScript 6 features like classes, enhanced object literals,<br /> template strings, etc., that are available in very recent versions of Chrome and<br /> other browsers. Designer works best in Chrome for now, but ultimately will<br /> support all evergreen browsers.<br /> The pages and components edited by Designer can run in any browsers that they<br /> support, that is, you could edit a page that targets legacy browsers like IE5.
    </p>