open-index/open-npm huggingface dataset:
npm package: @spriteful/app-account
Description: prebuilt overlay to handle user account editing and updating
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.2

# \<app-account\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-auth
Description: wrapper for firebase and firebaseui authentication
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.2

# \<app-auth\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-camera
Description: controls accessing and displaying the camera capture feed. Adds ui controls for taking photo captures and adjusting camera settings
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.2

# \<app-camera\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-carousel
Description: configurable carousel with autoplay, swipe, optional nav and av buttons
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.3

# \<app-carousel\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-cart
Description: cart animations, buttons and layout
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.11

# \<app-cart\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-checkout
Description: A collection of elements that walk the user through the checkout experience including handling shipping and payment
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.1.18

# \<app-checkout\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-header-overlay
Description: configurable overlay with a header
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.4

# \<app-header-overlay\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-media
Description: port of polymer app-media elements, used to interact with media devices
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<app-media\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-modal
Description: configurable full-screen modal element
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.0

# \<app-modal\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-overlay
Description: configurable full-screen overlay custom element that implements overlay-mixin
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.0

# \<app-overlay\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-settings
Description: common app settings ui
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.0

# \<app-settings\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-shared-styles
Description: shared common app css styles
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<app-shared-styles\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-shell
Description: app level element that handles switching between views and overlays
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.1.6

# \<app-shell\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/app-spinner
Description: spinner which includes a cancel button that is displayed after a waitTime and options to set to full-screen
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<app-spinner\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/asg-icons
Description: Alpha Strike Games icons shared between both apps
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.15

# \<asg-icons\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/asg-search
Description: A suite of components revolving around searching scryfall/fb magic cards, including a search input with autocomplete and an advanced search overlay
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.12

# \<asg-search\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/asg-shop-card-details
Description: Mobile device sized full-screen layout for MTG cards
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.1.9

# \<asg-shop-card-details\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/asg-shop-card-item
Description: Mtg e-commerce card small layout
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.2.0

# \<asg-shop-card-item\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/asg-shop-card-shared-elements
Description: Web Components that are shared by asg-shop-card-item, asg-shop-card-detail and asg-shop-card-large
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.1.14

# asg-shop-card-shared-elements
Web Components that are shared by asg-shop-card-item, asg-shop-card-detail and asg-shop-card-large
npm package: @spriteful/braintree-badge
Description: a simple element that takes a braintree merchantId from app.config and lazy-loads a badge which links to a verified merchant web page
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.3

# \<braintree-badge\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/capture-image
Description: Handles changing between images with varying url and/or orientation from a on-device photo capture
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.0

# \<capture-image\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/cart-icon
Description: cart icon with badge to be used along with app-cart
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.1.1

# \<cart-icon\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/checkout-items-sync
Description: subscribes to changes in checkout items in order to notify user of price/availability changes
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.2

# \<checkout-items-sync\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/checkout-pay
Description: custom element that interfaces with braintree dropin-ui and firebase callable functions to process payments
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<checkout-pay\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/cms-carousels
Description: carousel content editor for cms
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.0

# \<cms-carousels\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/cms-events
Description: cms event editing page
Author: Spriteful spritefuldev@gmail.com
Latest version: 2.0.1

# \<cms-events\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/cms-icons
Description: common icons specifically used by cms apps
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.2

# \<cms-icons\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/cms-image-editor
Description: easily drag and drop files to be uploaded, added, removed and reordered for client app content
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.7

# \<cms-image-editor\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/cms-images
Description: ui to easily target and update multiple client image and carousel elements
Author: Spriteful spritefuldev@gmail.com
Latest version: 2.0.0

# \<cms-images\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/db-image
Description: lazyload database image
Author: Spriteful spritefuldev@gmail.com
Latest version: 2.0.0

# \<db-image\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/dhg-card
Description: element for displaying mods
Author: ben forrester
Latest version: 1.0.4

# \<dhg-card\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/drag-drop-files
Description: drag and drop zone for uploading files, port of github michael-silva/yo-file-uploader
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.6

# \<drag-drop-files\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/drag-drop-list
Description: drag and drop list items, a port of github sharedlabs/sortable-list
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<drag-drop-list\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/edit-input
Description: custom element that handles changing state of two icons depending on the input's value
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<edit-input\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/example-view
Description: reference view element for spriteful-app examples
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<example-view\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/fancy-header-example
Description: reference implementation of app-header-overlay and app-carousel in action
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.0

# \<fancy-header-example\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/file-uploader
Description: Accepts files from user and handles uploading/optimization/deleting/previewing/rearranging
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.1.5

# \<file-uploader\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/icon-to-spinner
Description: small custom element that accepts a md style icon and animates it out in leu of a paper-spinner
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.2

# \<icon-to-spinner\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/image-editor
Description: Handles adding/removing image files to a project
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.4

# \<image-editor\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/lazy-carousel
Description: Self lazy-loading images carousel
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.8

# \<lazy-carousel\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/lazy-video
Description: html5 video tag wrapper that auto lazy-loads based on viewport visibility
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.2

# \<lazy-video\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/lottie-svg
Description: lottie-web custom element wrapper
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<lottie-svg\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/magic-bulk-data-tool
Description: node.js script that saves card thumbnails to separate 'set' folders for use with node-tfjs-retrain module
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.0

# magic-bulk-data-tool
node.js script that saves card thumbnails to separate 'set' folders for use with node-tfjs-retrain module


## Example Usages

-   Save Magic card images for use in retraining an ml classifier:  
    `node index.js --bulk_data_dir="C:/scryfall/bulk_data" --images_dir="C:/scryfall/images"`
npm package: @spriteful/magic-preprocess
Description: augment magic card images for use with node-tfjs-retrain
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# magic-preprocess
augment magic card images for use with node-tfjs-retrain


## Example Usage

-   Clip card corners and create random noise background:  
    `node index.js --images_dir="C:/Magic_Project/Images" --output_dir="C:/Magic_Project/Preprocessed"`
npm package: @spriteful/node-tfjs-retrain
Description: Tensorflow.js mobilenet transfer learning cli tool
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.3

# node-tfjs-retrain

Retraining image classification model using TensorFlow.js in Node.

Based on the following js.tensorflow.org tutorials:

-   [Webcam Transfer learning](https://js.tensorflow.org/tutorials/webcam-transfer-learning.html)
-   [Training MNIST with Node.js](https://github.com/tensorflow/tfjs-examples/tree/master/mnist-node)

Excellent article from James Thomas that helped (_skip the stuff about downloading the model shards manually; there's a much simpler way described in the comments_):  
[Machine Learning in Node.js with TensorFlow.js](http://jamesthom.as/blog/2018/08/07/machine-learning-in-node-dot-js-with-tensorflow-dot-js/)

## Example Usages

-   Retrain and test model:  
    `node app.js --images_dir="C:/Retraining_Project/Images" --model_dir="C:/Retraining_Project/Model"`
-   Skip retraining; just test model:  
    `node app.js --images_dir="C:/Retraining_Project/Images" --model_dir="C:/Retraining_Project/Model" --skip_training=true`
-   Create sample images:  
    `node create_images.js C:/Retraining_Project/Images`


_ 	Full example with tensorboard:

		cli commands to start tensorboard (localhost:6006)

		start virtual environment -

    	source ./venv/bin/activate

 		start tensorboard on localhost:6006 -

    	(venv) $ tensorboard --logdir /tmp/tf_fit_logs

 		node-tfjs-retrain cli -
 
    	node app.js --images_dir="/Users/claymation296/dev/magic/synthetic" --model_dir="/Users/claymation296/dev/nathanML/ml-lock/src/model" --sizing="contain" --epochs="500"

 		shutdown virtual environment

    	(venv) $ deactivate



- 	app.js args:

		--batch_size_fraction -> Number default 0.2
		--dense_units 				-> Number default 100
		--epochs 							-> Number default 50
		--learning_rate 			-> Number default 0.0001
		--sizing 							-> String default 'cover'
		--logdir 							-> String default '/tmp/tf_fit_logs', tensorboard --logdir /tmp/tf_fit_logs


- 	augment_images.js args:

		--flip_images 					-> Boolean default false
		--adjust_brightness 		-> Boolean default false
		--ignore_subdirectories -> Boolean default false
		--labels_to_skip 				-> String default ''




## Help

I'm quite new to Node and TF, so there's a lot of room for cleanup and code improvements. My initial goal was to get something working and worry about minor improvements later. Feel free to submit a PR :)

# Initial TODOs:

-   [x] Create a script to automatically build a training data set to enable users to immediately get started
-   [x] Save trained model in the project directory
-   [x] Replace ui_mock.js with a TrainingParams class
npm package: @spriteful/pencil-to-check-icon
Description: icon element that animates between pencil and check states
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<pencil-to-check-icon\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/responsive-image
Description: image element which works with webpack responsive-loader and auto lazy loads based on viewport visibility
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.3

# \<responsive-image\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/scroll-fab
Description: This fab enters after page has been scrolled a bit, smoothly scrolls window back to top when clicked
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.1

# \<scroll-fab\>

This fab enters after page has been scrolled a bit, smoothly scrolls window back to top when clicked

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/shipping-inputs
Description: common shipping address inputs
Author: Spriteful spritefuldev@gmail.com
Latest version: 1.0.3

# \<shipping-inputs\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-account
Description: prebuilt overlay to handle user account editing and updating
Author: Clay Bennington claymation296@gmail.com
Latest version: 2.1.3

# \<spriteful-account\>

prebuilt overlay to handle user account editing and updating

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-app-shell
Description: app level element that handles switching between views and overlays
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.4.0

# \<spriteful-app-shell\>

app level element that handles switching between views and overlays

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-braintree-badge
Description: a simple element that takes a braintree merchantId from app.config and lazy-loads a badge which links to a verified merchant web page
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.0.2

# \<spriteful-braintree-badge\>

a simple element that takes a braintree merchantId from app.config and lazy-loads a badge which links to a verified merchant web page

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-carousel
Description: configurable image carousel with autoplay, swipe, optional nav and av buttons
Author: Clay Bennington claymation296@gmail.com
Latest version: 2.0.4

# \<spriteful-carousel\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-cart
Description: cart animation and layout
Author: ben forrester
Latest version: 1.0.12

# \<spriteful-cart\>

cart animation and layout

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-checkout
Description: A collection of elements that walk the user through the checkout experience including handling shipping and payment
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.3.25

# \<spriteful-checkout\>

A collection of elements that walk the user through the checkout experience including handling shipping and payment

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-cms-carousels
Description: carousel content editor for cms
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.0.2

# \<spriteful-cms-carousels\>

carousel content editor for cms

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-cms-events
Description: cms event editing page
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.2.11

# \<spriteful-cms-events\>

cms event editing page

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-cms-image-editor
Description: easily drag and drop files to be uploaded, added, removed and reordered for client app content
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.2.13

# \<spriteful-cms-image-editor\>

easily drag and drop files to be uploaded, added, removed and reordered for client app content

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-cms-images
Description: ui to easily target and update multiple client image and carousel elements
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.0.5

# \<spriteful-cms-images\>

ui to easily target and update multiple client image and carousel elements

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.