Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including dynamicon with all npm packages installed. Try it out:

var dynamicon = require("dynamicon")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

dynamicon v1.0.2

dynamic emoticon


dynamic emoticon

did some textual sentiment analysis and needed a face rather than a float (number)

npm i -S dynamicon

const d = require('dynamicon')()

// or

const d = document.createElement('dynamic-emoticon')

// append somewhere


// set mood

d.ease(value) // transition/ animate
d.set(value) // immediate

// change appearance


// custom initialization

const d = require('dynamicon')({
    value: 0,
    min: -100,
    max: 100,
    size: 200,
    theme: {
        face: '#ffeb97',
        faceStroke: 'none',
        stroke: '#444',
        mouthFill: '#ff396d40',
        heart: '#ff396d'


  • support old browsers (typeof window.customElements === undefined)
  • drop webpack and babel (read: modern javascript) to reduce filesize


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free