一些好用的库

react:ahooksswr(缓存和请求)、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 在线幻灯片

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值