rui-next (aka RUI.next)

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

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 v5.4.2 building for production...
✓ 176 modules transformed.
dist/style.css         39.00 kB │ gzip:  7.69 kB
dist/rui-next.es.js   233.53 kB │ gzip: 69.61 kB
dist/rui-next.umd.js  153.99 kB │ gzip: 57.13 kB
✓ built in 760ms

Build documentation (docs+demos)

$ pnpm run build-docs

Customize configuration

About vite, please check Configuration Reference - vite.

License