引言

找到几个非常有意思且好用的前端库分享给大家,希望能给给大家带来一点帮助。

radash

一个功能强大的工具库,提供了如tryit和retry等新功能,源码可读性很高,并且大多数函数无需安装可直接复制使用。
GitHub:GitHub – sodiray/radash: Functional utility library – modern, simple, typed, powerful
官网:radash
Pasted image 20240925090333.png

dayjs

一个极简的JavaScript库,仅有2KB大小。提供日期解析、操作和显示功能,支持多语言。
GitHub:GitHub – iamkun/dayjs: ⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same modern API
官网:Day.js · 2kB JavaScript date utility library
CleanShot2024-09-2509.09.35.png

driver

一个轻量级的、原生JavaScript库,用于创建网页引导提示。
GitHub:GitHub – kamranahmedse/driver.js: A light-weight, no-dependency, vanilla JavaScript engine to drive user’s focus across the page
官网:Driver.js

drag-and-drop

一个小巧的拖放库,压缩后大概4KB。
GitHub:GitHub – formkit/drag-and-drop
官网:Drag & Drop • by FormKit
Pasted image 20240925091424.png

logicflow

专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。
GitHub:GitHub – didi/LogicFlow: 专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。A flow chart editing framework focusing on business customization.
官网:site.logic-flow.cn
Pasted image 20240925091525.png

ProgressBar

非常有意思的进度条,可以在移动设备上很好的显示,并且提供了多种形状。
GitHub:GitHub – kimmobrunfeldt/progressbar.js: Responsive and slick progress bars
官网:ProgressBar.js – Progress bars with JavaScript
CleanShot2024-09-2509.17.13.gif

tesseract

一个纯JavaScript的OCR库,用于识别图片中的文本并根据搜索内容筛选图片。
GitHub:GitHub – naptha/tesseract.js: Pure Javascript OCR for more than 100 Languages 📖🎉🖥
官网:Tesseract.js | Pure Javascript OCR for 100 Languages!
CleanShot2024-09-2509.19.11.gif

lottie

一个由Airbnb开发的跨平台动画库,可以实现非常绚丽的动画效果。
GitHub:GitHub – airbnb/lottie-web: Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
官网:Lottie Docs
CleanShot2024-09-2509.22.34.gif