LuminJS

A JavaScript library to progressively highlight any text on a page.

Great for when you want users to pay attention to some important text. It can also be used to show progress of a task βˆ’ Read something while tasks are being completed.

Related buzz words: Tiny (~1kB gzipped), No-dependency

🎨 You can configure the speed, and styling of the highlight animation

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

🌞 Or control how much is hightlighted - for example, to show progress

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

πŸ‘πŸ½ Highlighting works on a complex set of html nodes. Just pass the root node, and it will highlight text in all child nodes.

The Amazing Party Animal Personality Enhancer!

Use this simple device during any social event and you’re virtually guaranteed to:

  • develop killer dance moves
  • become the most entertaining person in the room
  • and attract 180 percent more attention from potential love interests

✍️ By configuring the colors, you could create a typing effect.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Documentation

Visit LuminJS Github page for usage and documentation.

License

MIT License (c) Preet Shihn