一.特点：

• 前端框架层出不穷，组件库也是。基于Web Components开发，能做到跨框架复用，统一所有情况。

• 采用Typescript开发，有声明和类型文件。

• 纯原生手写，无依赖。

• 整体项目全量导入不到100k，brotli压缩后整体组件库只有18.90 KiB，

• 类原生，使用上完全可以直接替换原生的标签，更加方便。

二.项目地址

• git地址：https://github.com/chaxus/ran/tree/main/packages/ranui

• npm地址：https://www.npmjs.com/package/ranui

三.文档

• 文档地址：https://chaxus.github.io/ran/src/ranui/

• 基于vitepress搭建，所有组件实例均可交互

四.使用

1.html

2.vue

3.react

react渲染组件有一套自己的规则：https://react.dev/reference/react-dom/components#custom-html-elements

在tsx中需要注意，react会有一个声明文件，包含所有原生的html标签。自定义的组件类型必然不在里面，需要扩展。

在jsx中不会有类型问题。

4.js

五.开发

MIT协议，非商业行为，源码公开

欢迎大家提出各种改进建议，issue和pr

如果有帮助的话，欢迎star