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 🙏

© 2026 – Pkg Stats / Ryan Hefner

easy-as-pie-ui

v1.0.0

Published

Easy as pie component library built in React that can easily be themed and implemented on any site.

Readme

Easy as Pie - UI

React component library that is easy as pie to theme and implement on any site.

Credits

Several projects aided in inspiring this project. Notably they are:

Things I Learned

I have learned so many neat things while doing this project. The first was how create a working npm package that anyone could use in their project. This was made very easy by using the create-react-libary package mentioned above. This package set up the project so that you can create your component library, test it, and create the doc site all in this single project structure.

This was my first react project in conjunction with Bruner Dynamics, another one of my projects in Github. Because of this, I was able to learn the basics of react as well as how to implement routing with Reach Router.

The last thing I really enjoyed was figuring out how to make my component library completely themeable. This is something that was very difficult to figure out, but fun to do. I will continue to improve this ability to theme so that the end user can customize and use the library without needing to build their own components from scratch.

Run Project

In 1st terminal window/tab

$ npm install && cd example && npm install
$ npm start # runs rollup with watch flag

In 2nd terminal window/tab

$ cd example && npm start # runs create-react-app dev server

Deployment

Netlify Status

View Project

https://easy-as-pie-ui.richarddawson.codes/