Character LCD WebComponent


npm Published on

Character LCD display emulator (Web Component)



Install the Web Component

npm install polymer-char-lcd --save


<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module">
  import 'polymer-char-lcd';
<char-lcd rows=2 cols=16 rom=eu></char-lcd>


rom - jp (default) for Japanese standard font or eu for European standard font;
rows - number or rows; default: 2;
cols - number of columns; default: 16;


char(r, c, h) - set character h at row r, column c;
text(r, c, s) - write string s starting at row r, column c;
this function treats \n as new line and maps UNICODE characters to the internal character set;
font(n, data) - define the pixels of the n-th character; data is an array of bytes.

Testing with Polymer

Make sure the Polymer CLI is installed: npm install -g polymer-cli
In the project directory:
run npm install
run polymer serve --open

Non-Polymer version


Link to this version
ImportedReleased 28 November 2018MIT License
Framework Support
Polymer 3.0+
Browser Independent
Install with
npm install polymer-char-lcd"@0.0.1"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.0.1


  • @polymer/polymer#^3.1.0
  • @webcomponents/webcomponentsjs#^2.1.3
  • char-lcd#^0.0.4