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

cv-library-react-web

v0.1.34

Published

Xalt Mobility Component Library. This library contains functional components for react web

Readme

Xalt UI React Web Component Library

Table of Contents:

Overview

This project houses code that pertains to the Xalt UI React component library for web platforms. This contains our client UI component code and supporting libraries. The overall goal of this project is to keep a single source of truth for the UI building blocks of Xalt web applications.

Getting Started

Before you can start working on the Xalt UI React component library, you'll need to set some things up first depending on your development environment OS.

  • NodeJS must be installed on your machine.
  • Yarn must be installed on your machine.
  • Clone this repo

Standalone using NPM

  • In a terminal/console, navigate to the root of the project and run the following command:

      npm install

Standalone using YARN

  • In a terminal/console, navigate to the root of the project and run the following command:

      yarn install

With Lerna project

This will setup your environment for development and link the necessary libraries inside this repository. Afterwards you will be able to make changes in any of the libraries and test those changes running the client. Please notice that we are hoisting some node_modules to the root directory. Lerna and yarn workspaces are used to provided support for linking to projects inside this repository. Lerna will also be used for publishing your changes to the projects specific npm module after a successful merge with master. Lerna will keep the projects in sync with repo changes so that the build process will always use the latest version of your changes in any package.

After installing yarn:

  • In a terminal/console, navigate to the root of the Lerna project and run the following command:

      lerna bootstrap

Running the HTML Library

To start the Storybook web server on http://localhost:9009:

npm run storybook-web

To manually generate the test report output file:

npm run test:generate-output