rui-next

Mobile web UI components based on React and Vite 2

Usage no npm install needed!

<script type="module">
  import ruiNext from 'https://cdn.skypack.dev/rui-next';
</script>

README

rui-next (aka RUI.next)

npm docs & demos

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

Overview

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

  • 📦 Out of the box - focus on component development and documentation
  • 🧑‍💻 Developer Friendly - built-in syntax highlighting, embedding React components seamlessly by Vitepress-rc
  • ⚡️ Lightweight and Fast - lighter page weight powered by Vitepress, 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 vitepress-rc.

Status

  • More UI components WIP based on React hooks.
  • About project test, will provide unit/e2e test in next major version.

Project setup

Install dependencies

$ npm i

Start the dev server for docs-dev

$ npm start

Build UI library

$ npm run build-lib

Build documentation (docs+demos)

$ npm run build-docs

Customize configuration

About vite and vitepress(-rc), please check Configuration Reference - vite, vitepress, vitepress-rc.

License

license
MIT License