rui-next (aka RUI.next)

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