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 🙏

© 2024 – Pkg Stats / Ryan Hefner

vs-codesandboxer

v1.0.0

Published

upload to codesandbox from a single entry file

Downloads

20

Readme

vs-codesandboxer

Open a component from your editor into codesandboxer, using codesandboxer-fs under-the-hood.

Can be used with the command Deploy to codesandbox or right click in your active file to select to deploy it. Once your needed files/dependencies have been sorted out, an 'open in codesandbox' link will open as a notification. Click it and you'll be able to see your component in codesandbox, and share it with others.

Main use-cases

Sharing! When you want to get opinions on changes to a component but are not publishing built isolated version anywhere, you can open it here and share it more easily.

This can help teams that are working asynchronously/remotely share proposed changes easily and start getting feedback, outside heavier more robust git-based processes.

Provisos

We use auto-detection for the kind of sandbox we should create. You should use codesandboxer-fs through the command line if you need to pass in more options.

The only sandboxes we currently support are:

  • create-react-app
  • create-react-app-typescript
  • vue-cli