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

rui-next

v0.49.12

Published

Mobile web UI components based on React hooks and Vite

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

nikoninikoni

Keywords

reactreact-componentsreact-hooksreact-hooks-componentsreact-hooks-rspressreact-hooks-uireact-uireact-vitereact-vite-tsreact-vite-ts-uireact-vite-uirspress-react-uiruivite

Readme

rui-next (aka RUI.next)

npm

Yet another lightweight and Vite-powered Mobile web UI components based on React hooks and Vite 8.

Overview

This is just one kind of playground to dev react-hooks based UI components based on rspress. Thanks to rspress that could support React docs+demos well.

  • 📦 Out of the box - focus on component development and documentation
  • 🧑‍💻 Developer Friendly - built-in syntax highlighting, embedding React components seamlessly
  • ⚡️ Lightweight and Fast - lighter page weight, instant reloading (lightning-fast HMR) powered by Vite, faster dev server start, hot updates and build

Preview

Try QR code playground to scan to access the examples on mobile/tablet device.

react-hooks docs+demos playground based on vite.

Status

  • More UI components WIP based on React hooks.

Project setup

Install dependencies (use package manager: pnpm)

$ pnpm i

Start the dev server for docs-dev

$ pnpm start

Build UI library

$ pnpm run build-lib

Library Mode output info

vite v8.0.0-beta.11 building client environment for production...
✓ 168 modules transformed.
dist/rui-next.css      38.14 kB │ gzip:  7.49 kB
dist/rui-next.es.js   217.87 kB │ gzip: 63.92 kB

✓ 168 modules transformed.
dist/rui-next.css      38.14 kB │ gzip:  7.49 kB
dist/rui-next.umd.js  150.79 kB │ gzip: 55.00 kB

✓ built in 794ms

Build documentation (docs+demos)

$ pnpm run build-docs

Customize configuration

About vite, please check Configuration Reference - vite.

License