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

@termoi/neweb-react

v0.1.1

Published

Next-gen component library redefining user expectations

Downloads

1

Readme

Badge to show that we use prettier for code style across the whole repository

Documentation

Click here to go to our current documentation

What is neweb?

Neweb is the first fully-managed component library in the world!

But what does that mean?
Well, it means our components interact with a backend to perform special logic
that otherwise wouldn't be possible for a component library.

Take for example, our Link component:

Demonstration of how the Link component works in neweb

It interacts with our backend in three different ways:

  1. It asks for our servers to take a screenshot of the website the link is pointing to
  2. It hits our safety endpoint where we call various services to determine the safety score of a website
  3. It uses an AI model to create a summary of the website

The "problem" with modern component libraries

Historically, component libraries have been limited by only existing on the frontend
but we've discovered that by allowing our components to communicate with the backend,
a whole new world of possibilities opens up!

What's next?

We have dozens of ideas for components stashed in a file that we've yet to reveal, but we're always looking for new innovative ideas, so if you have any, feel free to submit them in a GitHub issue so we can discuss it.
We also plan to fully support all major UI libraries, but we'll start with React since it's the most popular

Our vision

We're really passionate about changing the way users interact with websites.
We, together with the open-source community, want to create new patterns and
make them so universal that they're as recognizable as the exit button in your browser!

Buy us a tree

This package is Treeware. If you use it in production, then we ask that you buy the world a tree to thank us for our work. By contributing to the Treeware forest you’ll be creating employment for local families and restoring wildlife habitats.