Open mytac opened 6 years ago
charts -- 简单,响应迅速,具有零依赖关系的现代SVG图表
【官网】
tikzcd-editor -- 用于创建可交换图的简单可视化编辑器。
【Demo】
wasm-particles -- 这是一个视觉基准,每个粒子从WebAssembly更新,然后用WebGL绘制到屏幕上。
demo
luxon -- 在JS中使用日期和时间的库
官网
imaskjs -- vanilla js 输入掩码
示例
cube-ui -- 一个梦幻般的移动UI lib由Vue执行
scrollama -- 用IntersectionObserver滚动查询
chimee -- 一个视频播放器旨在为浏览器带来美妙的体验
voxelengine3 -- Javascript中的体素引擎
fieldplay -- 矢量字段浏览器。用WebGL制作,爱与激情。这个超酷
UPNG.js -- 快速和先进的PNG(APNG)解码器和编码器
animateplus -- 是一个专注于性能和创作灵活性的JavaScript动画库。它的目标是提供稳定的60 FPS,重量小于2 KB(缩小和压缩),使其特别适合移动设备。
官方demo
react-chartkick -- 用一行React创建漂亮的图表再也不用配各种插件啦!
demos
react-select -- 使用React JS构建的Select控件
react-swipeable-views -- 可滑动视图的React组件。
react-aux -- 一个用于渲染多个元素的自我消除组件
react v16之前,从一个组件中返回多个元素以将它们包装在一个辅助元素中
const Root = () => { return <div> <p>Hello, World!</p> <p>I am a demo for react-aux.</p> </div>; };
产生如下的dom
<div> <p>Hello, World!</p> <p>I am a demo for react-aux.</p> </div>
使用react-aux
const Aux = (props) => { return props.children; }; const Root = () => { return <Aux> <p>Hello, World!</p> <p>I am a demo for react-aux.</p> </Aux>; };
后者生成没有包装节点的段落元素:
<p>Hello, World!</p> <p>I am a demo for react-aux.</p>
yapi -- YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
server -- 简单而强大的Node.js服务器
client -- 最小的聊天客户端库
js-code-to-svg-flowchart -- 一个将任何JavaScript代码转换成漂亮的SVG流程图的可视化库。学习其他的代码。设计你的代码。重构代码。文档代码。解释代码。
chalktalk -- 使用类似黑板的界面,演示者可以创建动画数字草图并与其进行交互,以便在现场演示或对话中展示想法和概念。
nba-go -- 最好的NBA CLI。这个究极酷,虽然看不了实况但可以随时追踪比分,很酷!!
数据图表相关
charts -- 简单,响应迅速,具有零依赖关系的现代SVG图表
【官网】
tikzcd-editor -- 用于创建可交换图的简单可视化编辑器。
【Demo】
wasm-particles -- 这是一个视觉基准,每个粒子从WebAssembly更新,然后用WebGL绘制到屏幕上。
demo
luxon -- 在JS中使用日期和时间的库
官网
imaskjs -- vanilla js 输入掩码
示例
UI相关
cube-ui -- 一个梦幻般的移动UI lib由Vue执行
示例
scrollama -- 用IntersectionObserver滚动查询
影像处理
chimee -- 一个视频播放器旨在为浏览器带来美妙的体验
【官网】
voxelengine3 -- Javascript中的体素引擎
【Demo】
fieldplay -- 矢量字段浏览器。用WebGL制作,爱与激情。这个超酷
【Demo】
UPNG.js -- 快速和先进的PNG(APNG)解码器和编码器
示例
animateplus -- 是一个专注于性能和创作灵活性的JavaScript动画库。它的目标是提供稳定的60 FPS,重量小于2 KB(缩小和压缩),使其特别适合移动设备。
官方demo
React 相关
react-chartkick -- 用一行React创建漂亮的图表再也不用配各种插件啦!
demos
react-select -- 使用React JS构建的Select控件
示例
react-swipeable-views -- 可滑动视图的React组件。
示例
react-aux -- 一个用于渲染多个元素的自我消除组件
react v16之前,从一个组件中返回多个元素以将它们包装在一个辅助元素中
产生如下的dom
使用react-aux
后者生成没有包装节点的段落元素:
架构相关
yapi -- YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
官网
Vue相关
Node相关
server -- 简单而强大的Node.js服务器
【官网】
博客
第三方api
funny stuff
client -- 最小的聊天客户端库
【官网】
js-code-to-svg-flowchart -- 一个将任何JavaScript代码转换成漂亮的SVG流程图的可视化库。学习其他的代码。设计你的代码。重构代码。文档代码。解释代码。
chalktalk -- 使用类似黑板的界面,演示者可以创建动画数字草图并与其进行交互,以便在现场演示或对话中展示想法和概念。
nba-go -- 最好的NBA CLI。这个究极酷,虽然看不了实况但可以随时追踪比分,很酷!!