react:ahooks、swr(缓存和请求)、react-lottie-player(动画)、react-countup(数字滚动)
通用:animated-scroll-to(页面锚定)、swiper(^8.4.7,过高版本有兼容性bug,导致卡顿)
vue组件库PC:https://www.naiveui.com/
JSON编辑器:https://github.com/ttys026/json5-editor
仿 Instagram Stories 组件 — 一款模拟 Instagram Stories 外观和体验的组件,这个效果似乎随处可见。
https://github.com/mohitk05/react-insta-stories#readme
数据驱动的动画库
https://github.com/sghall/react-move#readme
滚动视差动画库:
https://github.com/jscottsmith/react-scroll-parallax
Atropos:触摸屏友好的 3D Hover 视差特效 — 让用户以为屏幕具有某种程度上的三维功能最简单和最快的方法就是欺骗眼睛(当然,也会惹恼一些用户——所以要小心),也就是使用 项目主页 上演示的视差效果。https://github.com/nolimits4web/atropos
react数字动画库:
https://github.com/heyman333/react-animated-numbers
react数字格式化库:
https://github.com/s-yadav/react-number-format
transmat拖拽:https://github.com/google/transmat,https://juejin.cn/post/6984587700951056414
支持对 HTML 元素进行拖拽和捏合缩放
https://github.com/prc5/react-zoom-pan-pinch#readme
React 标签组件,受启发于 GMail 中邮件撰写界面里的收件人输入框
https://github.com/react-tags/react-tags#readme
react-stepzilla 7.0:react 多级向导组件 — 只要为 Stepzilla 提供现有的 React 组件,它便可以逐步引导用户了解它们,类似常见的“向导” UI 模式。它已经发布很长时间了,从 v7.0 开始支持 hooks 了
https://github.com/newbreedofgeek/react-stepzilla
React 跑马灯组件
https://github.com/mxmzb/react-marquee-slider
React 加载器组件
https://github.com/furkanmavili/react-rounder
一个 React 组件,使转录音频和视频变得更容易、更快。
方便快捷地生成音/视频的文字稿 — 随着内容创作的爆炸式增长,对提高制作效率的工具的需求是前所未有的。该库可以创建准确实时的音/视频文字稿。demo 非常简洁。
https://github.com/bbc/react-transcript-editor
React Wavify — 通过配置参数即可创建模拟波浪效果的 UI 组件。
React Tags — 一个 React 标记组件,它的灵感来源于填写 Gmail 邮件发送人功能。
react-color-palette — 轻量级颜色选择器组件,目前已经发布第六个大版本
https://github.com/Wondermarin/react-color-palette
use-smartcrop 是一个 React Hook,它封装了 smartcrop.js 和 color-thief,通过算法预测图像优化图片裁剪。
https://github.com/useflyyer/use-smartcrop
use-color — 可能是所有开发者想要的颜色选择器 hook
https://github.com/junhoyeo/use-color
react-countup — 基于 CountUp.js 封装,目的是更有趣的显示数值数据 倒计时
https://github.com/glennreyes/react-countup
Plate 1.0: 使用 Slate 构建富文本编辑器的插件框架 — Slate 是一个构建富文本编辑器控件的框架,而 Plate 基于 Slate 抽象出了一个插件系统使得你可以添加自己的功能。去 Plate 主页看看它功能丰富的 demo 吧。这里是它的 GitHub 仓库地址。
https://github.com/udecode/plate
漂亮的语法高亮库:https://github.com/shikijs/shiki
解析html导出entry和style的库,在qiankun微前端中使用:https://github.com/kuitos/import-html-entry
react自定义hooks库:https://github.com/imbhargav5/rooks
文件预览组件:https://github.com/plangrid/react-file-viewer#readme
docx转换为html:https://github.com/mwilliamson/mammoth.js
react图片编辑器:https://github.com/salgum1114/react-design-editor
colorui小程序组件库:https://github.com/weilanwl/ColorUI
https://github.com/itianc/WeChat-ColorUI-shop-templet
代码编辑器
https://github.com/react-monaco-editor/react-monaco-editor
https://github.com/microsoft/monaco-editor
vue-advanced-chat 1.1.0 版本 — 这是一款支持实时聊天的组件,兼容 React。Demo 请看这里。
https://github.com/antoine92190/vue-advanced-chat
react使用引导:
https://github.com/gilbarbara/react-joyride
pika:开源的mac吸取色值工具
https://github.com/superhighfives/pika
meyda:音频特征提取 JS 库
https://meyda.js.org/getting-started
前端监控:
https://juejin.cn/post/6987681953424080926
tiptap:面向Web工程师的无头编辑器
https://github.com/ueberdosis/tiptap
Tailwind Components
https://github.com/saadeghi/daisyui
Flume 在 “绘制将要构建的内容” 范式上又遇到了另一个难题。但是,基于实时的在线演示,它似乎确实有希望解决业务逻辑的建模。
https://github.com/chrisjpatty/flume
0 runtime的css in js库
https://github.com/callstack/linaria
绘图
https://github.com/steveruizok/perfect-freehand
交易机器人
https://github.com/chrisleekr/binance-trading-bot?utm_source=gold_browser_extension
html5 书法模仿
https://github.com/cobysy/shodo
dom转义
https://github.com/cure53/DOMPurify
react灵活的底部组件
https://github.com/Temzasse/react-modal-sheet
react+p5.js 绘制草图 该库可以让你将 p5.js 草图直接集成进你的 React 应用中。
https://github.com/jamesrweb/react-p5-wrapper
sharedb:实时协同数据 JS 库
https://github.com/share/sharedb
react-windows-ui:windows 效果的 React Ui 库
https://github.com/virtualvivek/react-windows-ui
cz-emoji-chinese:炫酷的中文版本的 git 提交 emoji 🐛🎨✨ 🔥💄📝 🎉
https://github.com/tw93/cz-emoji-chinese
https://github.com/swan-io/react-ux-form
https://github.com/crashmax-dev/fireworks-js 烟花动画
https://github.com/eBay/nice-modal-react react弹窗
https://github.com/mantinedev/mantine 具有原生深色主题支持的 React 组件库
https://github.com/ulitcos/react-canvas-confetti 一款五彩纸屑动效库。
https://geist-ui.dev/zh-cn 受 Vercel 启发的设计,拥有 50 多个组件,可 点击此处 查看文档。
https://github.com/likaia/screen-shot web端自定义截屏插件
https://github.com/prevwong/craft.js 用于构建可扩展的拖放页面编辑器的 React Framework
https://github.com/sampotts/plyr Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。
https://cssbuttons.app/ css 按钮
https://github.com/pipipi-pikachu/PPTist 在线幻灯片