npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

heartthrob-vision

v1.1.6

Published

A computer vision to add alt descriptions on images of your website

Readme

heartthrob-vision: overview

With a simple configuration you can make your website more accessible by adding description to your images automatically via Azure Cognitive Services.

After loading your page, the heartthrob-vision will send the url of every photo on your page to the Microsoft Azure Cognitive Services to create a description of what is showing on the image.

Because it is an async function, it will take a little bit before every image to have a caption. See the examples bellow.

NOTE: We recommend to create manually all alt text for every image on your website. It will improve way more the accessibility of your website than using heartthrob-vision.

Look at examples at the documentation.

what is heartthrob?

The heartthrob framework can add more elegancy to your project, to looks like the Microsoft Fluent Design design, it was also inspired by Michael West - an incredible designer who will dominate the world with his ideas. To see more about this, go to: documentation.

status

Build Status

npm version

download and installation

Full download and installaton scenarios here: documentation

contribute: let's build it together

Me and my team are using it in the solutions we build every single day, so expect nice fixes and small additions as it will be more and more compatible with Kendo and other browsers.

I'm completly open to have contributions to this project, so go to the GitHub page to help me make it even better!

If you want to contribute to the documentantation go to heartthrob-docs github repository

here is a quicky guide in how to contribute to the framework:

  1. Clone this project.
git clone https://github.com/vtnorton/heartthrob-vision.git
  1. Use npm install to install all dependencies
  2. Use the text editor you want to make any changes inside /src
  3. Once is finished and you want to build what you created, just run the command: gulp build, and a directory /build will apper, use this directory to implement across your system.

don't code? Still want to contribute!?

Here is a few things you can do - almost in every open source project - that would help it be even better:

  • Find something cool on the internet that you want to be added here? Tell me!
  • Found a bug, please report! Will fix it ASAP - this is actually the code my team uses every single day.
  • This documentation can be improved somehow? Just say it to me and will do my best!
  • Is something missing? In the documentation? Repository? Or in your life? You will be heard!
  • Follow me on Twitter (@vt_norton) and in my blog to have info about updates!

project roadmap

I'm sharing with some some of my plans to move foward with heartthrob as I'm focused on:

  • Availability: This is a great tool that can be more efficient by being available for more developers to use it, for more regions and even costumers.
  • Safety: I also want to improve how we handle the subscription key to be not available in the front end.

Constributors of all kinds from the community are welcome, but especially those that support the efforts above.

license

Copyright (c) vtnorton. All rights reserved.

Licensed under the MIT License.