Making a font picker and text designer tool in only 40 lines of pure HTML web component code + 1 extra file (no node or JS!)

In previous "2000 line challenge" tutorials, I showed how to use Modulo.js to create a gradient picker, -store= attribute, and JSON and APIs to quickly assemble small web components without any custom JavaScript. This tutorial is a continuation of this, a task very relevant to front-end developers: Let's build a font picker or text designer tool, to better visualize CSS, or expose to our users in a theme or style customizing interface.

Try it out now, in less …

apis challenge code components designer extra file gradient html javascript json line making node programming small text tool tutorial tutorials web webdev