比特派钱包安卓版下载安装|kute
KUTE.js | JavaScript Animation Engine
KUTE.js | JavaScript Animation Engine
KUTE.js
Components
Transform Functions
Transform Matrix
SVG Transform
SVG Morph
SVG Cubic Morph
SVG Draw
Filter Effects
Border Radius
HTML Attributes
Shadow Properties
Color Properties
Box Model
Clip Property
Background Position
Text Properties
Opacity Property
Scroll Property
Text Write
Wiki
Welcome to KUTE.js!
The JavaScript animation engine of the future
The magic behind Spicr, the result of hard work,
the bridge between old and new, the dream and inspiration.
Download
Github
NPM
CDN
Forward Looking
The modern JavaScript powering the core functionality, the modular architecture, the solid and complete components are all geared towards the future of web development.
Knowing the Past
While KUTE.js was re-developed to support mainly modern browsers, it also leaves the door open to old browsers with its legacy components, tools and polyfills.
ES6+ JavaScript
Inside the sources you will find fast & modern JavaScript code with solid build tools. Everything and anything can be done with SVGElement,
HTML attributes, CSS transform, etc.
Cubic Bezier Easing
While the library includes Robert Penner's easing functions, KUTE.js also includes its own
CubicBezier Easing class to provide fast and accurate easing for your animation.
What's not to love about it?
Yeah, the open source, modular and fully featured animation engine for the modern web, fully documented and MIT Licensed.
Any question? Find answers here, or post them here!
Overview
If you're looking for that spicy tool to kickstart your animations, developed with latest technology and modular design, you will love KUTE.js.
The JavaScript animation engine reimagined for the evolving modern web, the library that keeps track on the changing standards, the modular tool
to enable creativity.
Built on modern ES6+ JavaScript Standard, packed with utilities, build tools and a wide range of supported properties, KUTE.js is now a fully featured animation engine
you can use to create complex animations, with properties or elements that cannot be animated with CSS3 transitions or other animation engines, or attributes that aren't
even drafted in the specification yet.
The JavaScript animation engine that never stops evolving just like we never stop learning. Instead of becoming more bloated, we make it more modular,
instead of compromising we chose innovating.
While KUTE.js doesn't activelly support legacy browsers, it provides a wide range of tools and utilities you can use to create a fallback animation for every browser
and property.
The demo pages use a dedicated polyfill for IE10+ browsers, but today we have polyfill services and a wide range of
browser detection options to handle legacy browsers, our focus here is the highest performance on modern browsers.
By the way, KUTE.js is really fast.
ES6+ JavaScript
The entire codebase reworked on the latest standards with flexible rollup based build tools. Most classes are extensible via the ES6 extend
or your usual prototype, depending on the class.
Lots of Components
All your previously supported properties and plugins have been split into components for more modularity. New additions have been added for a broader scope.
The official distribution only includes most popular components.
Familiar Syntax
You can create your tween objects with a familiar syntax with your trusted options, the callback system and other component related options.
Tools and Options
Along the wide range of options, certain components provide tools for further control over the outcome. Also there's a progress
bar somewhere.
Well Documented
Each component demo page comes packed with tons of guides and tips on how to optimize the performance and visual presentation.
MIT License
The library is released under the MIT License.
Back to top
© 2015 - 2022 · thednp.
顶级高性能动画Javascript类库KUTE.js实战入门介绍 - 腾讯云开发者社区-腾讯云
能动画Javascript类库KUTE.js实战入门介绍 - 腾讯云开发者社区-腾讯云腾讯云开发者社区文档建议反馈控制台首页学习活动专区工具TVP最新优惠活动文章/答案/技术大牛搜索搜索关闭发布登录/注册顶级高性能动画Javascript类库KUTE.js实战入门介绍文章来源:企鹅号 - igeekbar基于javascript的动画类库其实有挺多滴, 接下来将会给大家带来系列教程,在这套教程中我们将介绍一款新的javascript动画类库 - KUTE.js, 和其它动画类库不同的地方, 在于KUTE.js拥有非常高效的动画性能, 并且优化了内存, 模块化的代码管理~大家访问KUTE.js类库的首页可以看到一个非常赞的动画效果演示,如下:可以看到以上动画非常流畅,并且没有任何的卡顿, 整个动画效果比较复杂多样, 包含了, easing的变化,多个页面元素的轮巡式样动画, 相对还是很复杂滴类库介绍KUTE.js这个类库包含了以下几个部分:核心引擎CSS插件SVG插件TEXT插件属性插件支持单独的JS类库,也支持jQuery插件形式单独Javascript类库:tween = KUTE.fromTo('selector', , , , , );支持动画效果KUTE.js几乎支持所有的动画标准中的动画效果,包括:2D效果translaterotateskewXskewYscale3D效果translateXtranslateYtranslateZrotateXrotateYrotateZperspectiveperspective-origin基本核心组件APIKUTE.js 包含了一些API方法, 分别如下:Tween对象方法.to() - 执行动画效果.fromTo() - 执行动画效果A转到动画效果B.allTo() - 所有元素执行动画效果.allFromTo() - 所有元素执行动画效果A转到动画效果Tween控制方法.start() - 开始动画效果.stop() - 终止动画效果pause() - 暂停动画效果play() - 播放动画效果chain() - 链接更多其它动画效果Tween对象参数durationdelayeasingyoyooffsetAPI在线演示http://www.igeekbar.com/igclass/code/7f776069-833f-431f-afe7-ae486d9a9112.htm以上演示中,展示了如何使用allTo, allFromTo,chain等API方法生成复杂流畅的动画效果相关插件SVG插件 - 控制SVG动画CSS插件 - 控制css动画文本插件 - 控制文本动画属性插件 - 控制属性动画如果你期待这套课程,更多相关的课程介绍和说明, 请持续关注我们的公众号及网站哦^_^~发表于: 2018-03-012018-03-01 08:00:18原文链接:http://kuaibao.qq.com/s/20180301A062BV00?refer=cp_1026腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。如有侵权,请联系 cloudcommunity@tencent.com 删除。Android和播放SVG动画API 11之前的动画CSS动画css动画 jshtml轮动图代码0分享分享快讯到朋友圈分享快讯到 QQ分享快讯到微博复制快讯链接到剪贴板上一篇:关于性能测试中“并发”的解释下一篇:大数据“杀熟”是老问题的新表现相关快讯提高JavaScript动画的性能2018-06-192019年 值得收藏的 15 个 JavaScript 和 CSS 动画库2018-12-252019年 值得收藏的 15个JavaScript和CSS 动画库2018-12-122019年值得收藏的15个JavaScript和CSS动画库2018-12-26Vue从入门到实战-动画特效2018-12-08讲真,会写动画的前端才是好开发!2018-04-182017年超棒前端相关工具类库大荟萃2018-02-10推荐3个顶级的JavaScript开源图表库2018-10-20前端常用插件、工具类库汇总2018-12-09干货15 个有趣的 JS和CSS 库2018-07-202017 年度最佳 JavaScript和CSS 开源库推荐!2018-02-26jQuery动画(一)2018-02-08前端常用类库资源2018-01-26前端 JavaScript库2019-05-17推荐下免费好用功能强大的网页动画效果库,希望可以帮到你们2018-03-04JavaScript 数据输出|JavaScript 教程2021-02-102018年值得关注的10大JavaScript动画库2018-08-01javaScript 基础入门(一)2018-04-13聊聊那些使用前端Javascript实现的机器学习类库2018-02-13推荐15个 JavaScript和CSS 库2018-03-23扫码添加站长 进交流群领取专属 10元无门槛券私享最新 技术干货社区专栏文章阅读清单互动问答技术沙龙技术视频团队主页腾讯云TI平台活动自媒体分享计划邀请作者入驻自荐上首页技术竞赛资源技术周刊社区标签开发者手册开发者实验室关于社区规范免责声明联系我们友情链接腾讯云开发者扫码关注腾讯云开发者领取腾讯云代金券热门产品域名注册云服务器区块链服务消息队列网络加速云数据库域名解析云存储视频直播热门推荐人脸识别腾讯会议企业云CDN加速视频通话图像分析MySQL 数据库SSL 证书语音识别更多推荐数据安全负载均衡短信文字识别云点播商标注册小程序开发网站监控数据迁移Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号1101080202028kutejs: KUTE.js 是一个原生的 Javascript 动画引擎,具有优秀的性能和模块化的代码
kutejs: KUTE.js 是一个原生的 Javascript 动画引擎,具有优秀的性能和模块化的代码
登录
注册
开源
企业版
高校版
搜索
帮助中心
使用条款
关于我们
开源
企业版
高校版
私有云
Gitee AI
NEW
我知道了
查看详情
登录
注册
数据库,开炫!3月16日北京OSC源创会不见不散
代码拉取完成,页面将自动刷新
捐赠
捐赠前请先登录
取消
前往登录
扫描微信二维码支付
取消
支付完成
支付提示
将跳转至支付宝完成支付
确定
取消
Watch
不关注
关注所有动态
仅关注版本发行动态
关注但不提醒动态
3
Star
1
Fork
0
Gitee 极速下载 / kutejs
代码
Wiki
统计
流水线
服务
Gitee Pages
质量分析
Jenkins for Gitee
腾讯云托管
腾讯云 Serverless
悬镜安全
阿里云 SAE
Codeblitz
我知道了,不再自动展开
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
已有帐号?
立即登录
返回
此仓库是为了提升国内下载速度的镜像仓库,每日同步一次。
原始仓库:
https://github.com/thednp/kute.js
master
管理
管理
分支 (3)
标签 (40)
master
gh-pages
experiments
2.0.16
2.0.15
2.0.14
2.0.13
2.0.12
2.0.11
2.0.10
2.0.9
2.0.8
2.0.7
2.0.6
2.0.3
2.0.1
2.0.0
1.6.6
1.6.5
1.6.4
1.6.3
1.6.2
1.6.1
克隆/下载
克隆/下载
HTTPS
SSH
SVN
SVN+SSH
下载ZIP
登录提示
该操作需登录 Gitee 帐号,请先登录后再操作。
立即登录
没有帐号,去注册
提示
下载代码请复制以下命令到终端执行
为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置
git config --global user.name userName
git config --global user.email userEmail
初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置
1
生成 RSA 密钥
2
获取 RSA 公钥内容,并配置到 SSH公钥 中
在 Gitee 上使用 SVN,请访问 使用指南
使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议 配置并使用私人令牌 替代登录密码进行克隆、推送等操作
Username for 'https://gitee.com': userName
Password for 'https://userName@gitee.com':
#
私人令牌
新建文件
新建子模块
上传文件
分支 3
标签 40
贡献代码
同步代码
创建 Pull Request
了解更多
对比差异
通过 Pull Request 同步
同步更新到分支
通过 Pull Request 同步
将会在向当前分支创建一个 Pull Request,合入后将完成同步
dependabot[bot]
Bump word-wrap from 1.2.3 to 1.2.4
a009ce9
338 次提交
提交
取消
提示:
由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
.github
保存
取消
dist
保存
取消
docs
保存
取消
src
保存
取消
types
保存
取消
.eslintrc
保存
取消
.gitignore
保存
取消
.lgtm.yml
保存
取消
.npmignore
保存
取消
LICENSE
保存
取消
README.md
保存
取消
jsconfig.json
保存
取消
package-lock.json
保存
取消
package.json
保存
取消
rollup.config.js
保存
取消
rollup.polyfill.js
保存
取消
tsconfig.json
保存
取消
Loading...
README
MIT
KUTE.js
A modern JavaScript animation engine built on ES6+ standards with strong TypeScript definitions and most essential features for the web with easy to use methods to set up high performance, cross-browser animations. The focus is code quality, flexibility, performance and size.
KUTE.js packs a series of components for presentation attributes, SVG transform, draw SVG strokes and path morphing, text string write up or number countdowns, plus additional CSS properties like colors, border-radius or typographic properties.
For components documentation, examples and other cool tips, check the demo.
Components
KUTE.js includes 18 components, but not all of them are bundled with the default distribution package:
backgroundPosition - enables the animation for the backgroundPosition CSS property
borderRadius - enables the animation for all the borderRadius properties
boxModel - enables the animation for the boxModel properties like top , left, width, etc
clipProperty - enables the animation for the clip property
colorProperties - enables the animation for the color properties like color, backgroundColor
filterEffects - enables the animation for the filter property
htmlAttributes - enables the animation for any numeric as well as some color based HTML Attributes
opacityProperty - enables the animation for the opacity property
scrollProperty - enables the animation for the window/Element scrollTop Object property
shadowProperties - enables the animation for the shadowProperties properties: textShadow & boxShadow
svgCubicMorph - enables the animation for the d Presentation Attribute of the
svgMorph - enables the animation for the d Presentation Attribute of the
svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to
svgTransform - enables the animation for the transform presentation attribute
textProperties - enables the animation for numeric HTMLTextElement related CSS properties like fontSize or letterSpacing
textWrite - enables the animation for the content of various strings
transformFunctions - enables the animation for the transform CSS3 property, the default component bundled with the official build
transformLegacy - enables the animation for the transform CSS3 property on legacy browsers IE9+, not included with the official build, but can be used in your custom builds
transformMatrix - enables the animation for the transform CSS3 property; this component implements DOMMatrix() API and is super light
All above mentioned components have a BASE version which doesn't include value processing, and their purpose is to provide a way to ship your super light version of your application.
Wiki
For a complete developer guide, usage and stuff like npm, visit the wiki.
Browser Support
KUTE.js is redeveloped for maximum performance on modern browsers. Some legacy browsers might some help, so give them a small polyfill set with most essential features required by KUTE.js to work, powered by minifill, try it. For broader projects you might want to consider polyfills.
Special Thanks
Mike Bostock for his awesome D3.js, one of the sources for our reworked SVGMorph component.
Noah Veltman for his awesome flubber, another one of the sources for the SVGMorph component.
Andrew Willems for his awesome Stackoverflow answer resulting in the creation of our SVGCubicMorph component.
Dmitry Baranovskiy for his awesome Raphael.js, another source for our SVGCubicMorph component.
@dalisoft contributed a great deal to the performance and functionality of previous versions of KUTE.js.
Contributions
Contributors & Collaborators
License
MIT License
The MIT License (MIT)
Copyright (c) 2015 thednp
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Starred
1
Star
1
Fork
0
捐赠
0 人次
举报
举报成功
我们将于2个工作日内通过站内信反馈结果给你!
请认真填写举报原因,尽可能描述详细。
举报类型
请选择举报类型
举报原因
取消
发送
误判申诉
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
取消
提交
简介
KUTE.js 是一个原生的 Javascript 动画引擎,具有优秀的性能和模块化的代码
展开
收起
暂无标签
https://www.oschina.net/p/kutejs
JavaScript
等 2 种语言
JavaScript
96.0%
TypeScript
4.0%
MIT
使用 MIT 开源许可协议
保存更改
取消
发行版
暂无发行版
贡献者
全部
近期动态
加载更多
不能加载更多了
编辑仓库简介
简介内容
KUTE.js 是一个原生的 Javascript 动画引擎,具有优秀的性能和模块化的代码
主页
取消
保存更改
JavaScript
1
https://gitee.com/mirrors/kutejs.git
git@gitee.com:mirrors/kutejs.git
mirrors
kutejs
kutejs
master
深圳市奥思网络科技有限公司版权所有
Git 大全
Git 命令学习
CopyCat 代码克隆检测
APP与插件下载
Gitee Reward
Gitee 封面人物
GVP 项目
Gitee 博客
Gitee 公益计划
Gitee 持续集成
OpenAPI
帮助文档
在线自助服务
更新日志
关于我们
加入我们
使用条款
意见建议
合作伙伴
售前咨询客服
技术交流QQ群
微信服务号
client#oschina.cn
企业版在线使用:400-606-0201
专业版私有部署:
13670252304
13352947997
开放原子开源基金会
合作代码托管平台
违法和不良信息举报中心
粤ICP备12009483号
简 体
/
繁 體
/
English
点此查找更多帮助
搜索帮助
Git 命令在线学习
如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大,如何减小?
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release(发行版)
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号,请先登录后再操作。
立即登录
没有帐号,去注册
are not allowed to access this resourGitHub - thednp/kute.js: KUTE.js is a JavaScript animation engine for modern browsers.
GitHub - thednp/kute.js: KUTE.js is a JavaScript animation engine for modern browsers.
Skip to content
Toggle navigation
Sign in
Product
Actions
Automate any workflow
Packages
Host and manage packages
Security
Find and fix vulnerabilities
Codespaces
Instant dev environments
Copilot
Write better code with AI
Code review
Manage code changes
Issues
Plan and track work
Discussions
Collaborate outside of code
Explore
All features
Documentation
GitHub Skills
Blog
Solutions
For
Enterprise
Teams
Startups
Education
By Solution
CI/CD & Automation
DevOps
DevSecOps
Resources
Learning Pathways
White papers, Ebooks, Webinars
Customer Stories
Partners
Open Source
GitHub Sponsors
Fund open source developers
The ReadME Project
GitHub community articles
Repositories
Topics
Trending
Collections
Pricing
Search or jump to...
Search code, repositories, users, issues, pull requests...
Search
Clear
Search syntax tips
Provide feedback
We read every piece of feedback, and take your input very seriously.
Include my email address so I can be contacted
Cancel
Submit feedback
Saved searches
Use saved searches to filter your results more quickly
Name
Query
To see all available qualifiers, see our documentation.
Cancel
Create saved search
Sign in
Sign up
You signed in with another tab or window. Reload to refresh your session.
You signed out in another tab or window. Reload to refresh your session.
You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
thednp
/
kute.js
Public
Notifications
Fork
179
Star
2.6k
KUTE.js is a JavaScript animation engine for modern browsers.
thednp.github.io/kute.js
License
MIT license
2.6k
stars
179
forks
Branches
Tags
Activity
Star
Notifications
Code
Issues
4
Pull requests
0
Actions
Projects
0
Wiki
Security
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Wiki
Security
Insights
thednp/kute.js
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
masterBranchesTagsGo to fileCodeFolders and filesNameNameLast commit messageLast commit dateLatest commit History338 Commits.github.github distdist docsdocs srcsrc typestypes .eslintrc.eslintrc .gitignore.gitignore .lgtm.yml.lgtm.yml .npmignore.npmignore LICENSELICENSE README.mdREADME.md jsconfig.jsonjsconfig.json package-lock.jsonpackage-lock.json package.jsonpackage.json rollup.config.jsrollup.config.js rollup.polyfill.jsrollup.polyfill.js tsconfig.jsontsconfig.json View all filesRepository files navigationREADMEMIT licenseKUTE.js
A modern JavaScript animation engine built on ES6+ standards with strong TypeScript definitions and most essential features for the web with easy to use methods to set up high performance, cross-browser animations. The focus is code quality, flexibility, performance and size.
KUTE.js packs a series of components for presentation attributes, SVG transform, draw SVG strokes and path morphing, text string write up or number countdowns, plus additional CSS properties like colors, border-radius or typographic properties.
For components documentation, examples and other cool tips, check the demo.
Components
KUTE.js includes 18 components, but not all of them are bundled with the default distribution package:
backgroundPosition - enables the animation for the backgroundPosition CSS property
borderRadius - enables the animation for all the borderRadius properties
boxModel - enables the animation for the boxModel properties like top , left, width, etc
clipProperty - enables the animation for the clip property
colorProperties - enables the animation for the color properties like color, backgroundColor
filterEffects - enables the animation for the filter property
htmlAttributes - enables the animation for any numeric as well as some color based HTML Attributes
opacityProperty - enables the animation for the opacity property
scrollProperty - enables the animation for the window/Element scrollTop Object property
shadowProperties - enables the animation for the shadowProperties properties: textShadow & boxShadow
svgCubicMorph - enables the animation for the d Presentation Attribute of the
svgMorph - enables the animation for the d Presentation Attribute of the
svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to
svgTransform - enables the animation for the transform presentation attribute
textProperties - enables the animation for numeric HTMLTextElement related CSS properties like fontSize or letterSpacing
textWrite - enables the animation for the content of various strings
transformFunctions - enables the animation for the transform CSS3 property, the default component bundled with the official build
transformLegacy - enables the animation for the transform CSS3 property on legacy browsers IE9+, not included with the official build, but can be used in your custom builds
transformMatrix - enables the animation for the transform CSS3 property; this component implements DOMMatrix() API and is super light
All above mentioned components have a BASE version which doesn't include value processing, and their purpose is to provide a way to ship your super light version of your application.
Wiki
For a complete developer guide, usage and stuff like npm, visit the wiki.
Browser Support
KUTE.js is redeveloped for maximum performance on modern browsers. Some legacy browsers might some help, so give them a small polyfill set with most essential features required by KUTE.js to work, powered by minifill, try it. For broader projects you might want to consider polyfills.
Special Thanks
Mike Bostock for his awesome D3.js, one of the sources for our reworked SVGMorph component.
Noah Veltman for his awesome flubber, another one of the sources for the SVGMorph component.
Andrew Willems for his awesome Stackoverflow answer resulting in the creation of our SVGCubicMorph component.
Dmitry Baranovskiy for his awesome Raphael.js, another source for our SVGCubicMorph component.
@dalisoft contributed a great deal to the performance and functionality of previous versions of KUTE.js.
Contributions
Contributors & Collaborators
License
MIT License
About
KUTE.js is a JavaScript animation engine for modern browsers.
thednp.github.io/kute.js
Topics
javascript
easing-functions
tween
animation-engine
nodejs-modules
Resources
Readme
License
MIT license
Activity
Stars
2.6k
stars
Watchers
41
watching
Forks
179
forks
Report repository
Releases
40
Improvements
Latest
Sep 24, 2020
+ 39 releases
Packages
0
No packages published
Used by 738
+ 730
Contributors
8
Languages
JavaScript
96.0%
TypeScript
4.0%
Footer
© 2024 GitHub, Inc.
Footer navigation
Terms
Privacy
Security
Status
Docs
Contact
Manage cookies
Do not share my personal information
You can’t perform that action at this time.
are not allowed to access this resour
GitHub - thednp/kute.js: KUTE.js is a JavaScript animation engine for modern browsers.
GitHub - thednp/kute.js: KUTE.js is a JavaScript animation engine for modern browsers.
Skip to content
Toggle navigation
Sign in
Product
Actions
Automate any workflow
Packages
Host and manage packages
Security
Find and fix vulnerabilities
Codespaces
Instant dev environments
Copilot
Write better code with AI
Code review
Manage code changes
Issues
Plan and track work
Discussions
Collaborate outside of code
Explore
All features
Documentation
GitHub Skills
Blog
Solutions
For
Enterprise
Teams
Startups
Education
By Solution
CI/CD & Automation
DevOps
DevSecOps
Resources
Learning Pathways
White papers, Ebooks, Webinars
Customer Stories
Partners
Open Source
GitHub Sponsors
Fund open source developers
The ReadME Project
GitHub community articles
Repositories
Topics
Trending
Collections
Pricing
Search or jump to...
Search code, repositories, users, issues, pull requests...
Search
Clear
Search syntax tips
Provide feedback
We read every piece of feedback, and take your input very seriously.
Include my email address so I can be contacted
Cancel
Submit feedback
Saved searches
Use saved searches to filter your results more quickly
Name
Query
To see all available qualifiers, see our documentation.
Cancel
Create saved search
Sign in
Sign up
You signed in with another tab or window. Reload to refresh your session.
You signed out in another tab or window. Reload to refresh your session.
You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
thednp
/
kute.js
Public
Notifications
Fork
179
Star
2.6k
KUTE.js is a JavaScript animation engine for modern browsers.
thednp.github.io/kute.js
License
MIT license
2.6k
stars
179
forks
Branches
Tags
Activity
Star
Notifications
Code
Issues
4
Pull requests
0
Actions
Projects
0
Wiki
Security
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Wiki
Security
Insights
thednp/kute.js
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
masterBranchesTagsGo to fileCodeFolders and filesNameNameLast commit messageLast commit dateLatest commit History338 Commits.github.github distdist docsdocs srcsrc typestypes .eslintrc.eslintrc .gitignore.gitignore .lgtm.yml.lgtm.yml .npmignore.npmignore LICENSELICENSE README.mdREADME.md jsconfig.jsonjsconfig.json package-lock.jsonpackage-lock.json package.jsonpackage.json rollup.config.jsrollup.config.js rollup.polyfill.jsrollup.polyfill.js tsconfig.jsontsconfig.json View all filesRepository files navigationREADMEMIT licenseKUTE.js
A modern JavaScript animation engine built on ES6+ standards with strong TypeScript definitions and most essential features for the web with easy to use methods to set up high performance, cross-browser animations. The focus is code quality, flexibility, performance and size.
KUTE.js packs a series of components for presentation attributes, SVG transform, draw SVG strokes and path morphing, text string write up or number countdowns, plus additional CSS properties like colors, border-radius or typographic properties.
For components documentation, examples and other cool tips, check the demo.
Components
KUTE.js includes 18 components, but not all of them are bundled with the default distribution package:
backgroundPosition - enables the animation for the backgroundPosition CSS property
borderRadius - enables the animation for all the borderRadius properties
boxModel - enables the animation for the boxModel properties like top , left, width, etc
clipProperty - enables the animation for the clip property
colorProperties - enables the animation for the color properties like color, backgroundColor
filterEffects - enables the animation for the filter property
htmlAttributes - enables the animation for any numeric as well as some color based HTML Attributes
opacityProperty - enables the animation for the opacity property
scrollProperty - enables the animation for the window/Element scrollTop Object property
shadowProperties - enables the animation for the shadowProperties properties: textShadow & boxShadow
svgCubicMorph - enables the animation for the d Presentation Attribute of the
svgMorph - enables the animation for the d Presentation Attribute of the
svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to
svgTransform - enables the animation for the transform presentation attribute
textProperties - enables the animation for numeric HTMLTextElement related CSS properties like fontSize or letterSpacing
textWrite - enables the animation for the content of various strings
transformFunctions - enables the animation for the transform CSS3 property, the default component bundled with the official build
transformLegacy - enables the animation for the transform CSS3 property on legacy browsers IE9+, not included with the official build, but can be used in your custom builds
transformMatrix - enables the animation for the transform CSS3 property; this component implements DOMMatrix() API and is super light
All above mentioned components have a BASE version which doesn't include value processing, and their purpose is to provide a way to ship your super light version of your application.
Wiki
For a complete developer guide, usage and stuff like npm, visit the wiki.
Browser Support
KUTE.js is redeveloped for maximum performance on modern browsers. Some legacy browsers might some help, so give them a small polyfill set with most essential features required by KUTE.js to work, powered by minifill, try it. For broader projects you might want to consider polyfills.
Special Thanks
Mike Bostock for his awesome D3.js, one of the sources for our reworked SVGMorph component.
Noah Veltman for his awesome flubber, another one of the sources for the SVGMorph component.
Andrew Willems for his awesome Stackoverflow answer resulting in the creation of our SVGCubicMorph component.
Dmitry Baranovskiy for his awesome Raphael.js, another source for our SVGCubicMorph component.
@dalisoft contributed a great deal to the performance and functionality of previous versions of KUTE.js.
Contributions
Contributors & Collaborators
License
MIT License
About
KUTE.js is a JavaScript animation engine for modern browsers.
thednp.github.io/kute.js
Topics
javascript
easing-functions
tween
animation-engine
nodejs-modules
Resources
Readme
License
MIT license
Activity
Stars
2.6k
stars
Watchers
41
watching
Forks
179
forks
Report repository
Releases
40
Improvements
Latest
Sep 24, 2020
+ 39 releases
Packages
0
No packages published
Used by 738
+ 730
Contributors
8
Languages
JavaScript
96.0%
TypeScript
4.0%
Footer
© 2024 GitHub, Inc.
Footer navigation
Terms
Privacy
Security
Status
Docs
Contact
Manage cookies
Do not share my personal information
You can’t perform that action at this time.
GitHub - thednp/kute.js: KUTE.js is a JavaScript animation engine for modern browsers.
GitHub - thednp/kute.js: KUTE.js is a JavaScript animation engine for modern browsers.
Skip to content
Toggle navigation
Sign in
Product
Actions
Automate any workflow
Packages
Host and manage packages
Security
Find and fix vulnerabilities
Codespaces
Instant dev environments
Copilot
Write better code with AI
Code review
Manage code changes
Issues
Plan and track work
Discussions
Collaborate outside of code
Explore
All features
Documentation
GitHub Skills
Blog
Solutions
For
Enterprise
Teams
Startups
Education
By Solution
CI/CD & Automation
DevOps
DevSecOps
Resources
Learning Pathways
White papers, Ebooks, Webinars
Customer Stories
Partners
Open Source
GitHub Sponsors
Fund open source developers
The ReadME Project
GitHub community articles
Repositories
Topics
Trending
Collections
Pricing
Search or jump to...
Search code, repositories, users, issues, pull requests...
Search
Clear
Search syntax tips
Provide feedback
We read every piece of feedback, and take your input very seriously.
Include my email address so I can be contacted
Cancel
Submit feedback
Saved searches
Use saved searches to filter your results more quickly
Name
Query
To see all available qualifiers, see our documentation.
Cancel
Create saved search
Sign in
Sign up
You signed in with another tab or window. Reload to refresh your session.
You signed out in another tab or window. Reload to refresh your session.
You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
thednp
/
kute.js
Public
Notifications
Fork
179
Star
2.6k
KUTE.js is a JavaScript animation engine for modern browsers.
thednp.github.io/kute.js
License
MIT license
2.6k
stars
179
forks
Branches
Tags
Activity
Star
Notifications
Code
Issues
4
Pull requests
0
Actions
Projects
0
Wiki
Security
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Wiki
Security
Insights
thednp/kute.js
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
masterBranchesTagsGo to fileCodeFolders and filesNameNameLast commit messageLast commit dateLatest commit History338 Commits.github.github distdist docsdocs srcsrc typestypes .eslintrc.eslintrc .gitignore.gitignore .lgtm.yml.lgtm.yml .npmignore.npmignore LICENSELICENSE README.mdREADME.md jsconfig.jsonjsconfig.json package-lock.jsonpackage-lock.json package.jsonpackage.json rollup.config.jsrollup.config.js rollup.polyfill.jsrollup.polyfill.js tsconfig.jsontsconfig.json View all filesRepository files navigationREADMEMIT licenseKUTE.js
A modern JavaScript animation engine built on ES6+ standards with strong TypeScript definitions and most essential features for the web with easy to use methods to set up high performance, cross-browser animations. The focus is code quality, flexibility, performance and size.
KUTE.js packs a series of components for presentation attributes, SVG transform, draw SVG strokes and path morphing, text string write up or number countdowns, plus additional CSS properties like colors, border-radius or typographic properties.
For components documentation, examples and other cool tips, check the demo.
Components
KUTE.js includes 18 components, but not all of them are bundled with the default distribution package:
backgroundPosition - enables the animation for the backgroundPosition CSS property
borderRadius - enables the animation for all the borderRadius properties
boxModel - enables the animation for the boxModel properties like top , left, width, etc
clipProperty - enables the animation for the clip property
colorProperties - enables the animation for the color properties like color, backgroundColor
filterEffects - enables the animation for the filter property
htmlAttributes - enables the animation for any numeric as well as some color based HTML Attributes
opacityProperty - enables the animation for the opacity property
scrollProperty - enables the animation for the window/Element scrollTop Object property
shadowProperties - enables the animation for the shadowProperties properties: textShadow & boxShadow
svgCubicMorph - enables the animation for the d Presentation Attribute of the
svgMorph - enables the animation for the d Presentation Attribute of the
svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to
svgTransform - enables the animation for the transform presentation attribute
textProperties - enables the animation for numeric HTMLTextElement related CSS properties like fontSize or letterSpacing
textWrite - enables the animation for the content of various strings
transformFunctions - enables the animation for the transform CSS3 property, the default component bundled with the official build
transformLegacy - enables the animation for the transform CSS3 property on legacy browsers IE9+, not included with the official build, but can be used in your custom builds
transformMatrix - enables the animation for the transform CSS3 property; this component implements DOMMatrix() API and is super light
All above mentioned components have a BASE version which doesn't include value processing, and their purpose is to provide a way to ship your super light version of your application.
Wiki
For a complete developer guide, usage and stuff like npm, visit the wiki.
Browser Support
KUTE.js is redeveloped for maximum performance on modern browsers. Some legacy browsers might some help, so give them a small polyfill set with most essential features required by KUTE.js to work, powered by minifill, try it. For broader projects you might want to consider polyfills.
Special Thanks
Mike Bostock for his awesome D3.js, one of the sources for our reworked SVGMorph component.
Noah Veltman for his awesome flubber, another one of the sources for the SVGMorph component.
Andrew Willems for his awesome Stackoverflow answer resulting in the creation of our SVGCubicMorph component.
Dmitry Baranovskiy for his awesome Raphael.js, another source for our SVGCubicMorph component.
@dalisoft contributed a great deal to the performance and functionality of previous versions of KUTE.js.
Contributions
Contributors & Collaborators
License
MIT License
About
KUTE.js is a JavaScript animation engine for modern browsers.
thednp.github.io/kute.js
Topics
javascript
easing-functions
tween
animation-engine
nodejs-modules
Resources
Readme
License
MIT license
Activity
Stars
2.6k
stars
Watchers
41
watching
Forks
179
forks
Report repository
Releases
40
Improvements
Latest
Sep 24, 2020
+ 39 releases
Packages
0
No packages published
Used by 738
+ 730
Contributors
8
Languages
JavaScript
96.0%
TypeScript
4.0%
Footer
© 2024 GitHub, Inc.
Footer navigation
Terms
Privacy
Security
Status
Docs
Contact
Manage cookies
Do not share my personal information
You can’t perform that action at this time.
are not allowed to access this resour
KUTE - AVOID ME (Official Visualizer) - YouTube
- AVOID ME (Official Visualizer) - YouTubeAboutPressCopyrightContact usCreatorsAdvertiseDevelopersTermsPrivacyPolicy & SafetyHow YouTube worksTest new features© 2024 Google【瞬间沉沦】KUTE x KORDHELL - DEAD ON ARRIVAL_哔哩哔哩_bilibili
【瞬间沉沦】KUTE x KORDHELL - DEAD ON ARRIVAL_哔哩哔哩_bilibili 首页番剧直播游戏中心会员购漫画赛事投稿【瞬间沉沦】KUTE x KORDHELL - DEAD ON ARRIVAL
25.9万
49
2022-07-10 09:44:00
未经作者授权,禁止转载46459818135302没想到我们会推荐phonk曲风的作品吧,来自KUTE与KORDHELL合作新单《DEAD ON ARRIVAL》暗色调及深沉的编曲让人沦陷。Dead on Arrival (Explicit)音乐分享官音乐音乐综合高音质DJ欧美电子音乐House电子打碟精选歌单夏日音浪大作战
HouseNation
发消息
House音乐聚集地,获取最新最热house音乐!微博/网易云音乐:@HouseNation_Official
关注 2.3万
智能AI桌宠,培养你的专属伙伴!
接下来播放
自动连播【耳膜轰炸】KORDHELL - LAND OF FIREHouseNation
33.3万
40
【惊天动地】Sinizter & RAIZHELL - FIGHT!HouseNation
1.6万
0
「恶人天生Born Bad」库伊拉原创新歌!【PattyCake】PattyCake官方频道
131.9万
638
【双厨狂喜】SCXR SOUL & Sx1nxwy - DEMONS IN MY SOULHouseNation
8.8万
5
【PHONK】他是真的很炸!SO TIRED rock- NUEKI、TOLCHONOV、RAVENS ROCK笑楼洞冯
56.4万
238
【神州电音】红色警戒3日冕MOD神州音乐视频——天军行阵RA3日冕MOD制作组
291.1万
3075
大 电 音 寺 住 持我pang帅
573.2万
1204
【波兰球】美国音乐感VS俄罗斯音乐感李志映画
94.4万
1817
Sahara - HensonnJabberWocky238
41.8万
182
DEMONS IN MY SOULenfunfun
56.8万
98
【中英双字】Just Kiddin x Camden Cox - Stay The Night @ALS字幕组作家灰狼
66.1万
220
-⭓-CastlesLittleClock闹钟
9.8万
3
在百万豪装录音棚大声听 潘玮柏&张韶涵《快乐崇拜》【Hi-res】JLRS-LeoFM
59.0万
120
“如果你有快银的超能力 你会做什么?”《X战警:天启》快银出场BGM《Sweet Dreams》【Hi-Res百万级录音棚试听】JLRS-jayfm
67.1万
400
低音增强版 ALan - Octopus汉杰大虾
38.6万
173
在百万豪装录音棚大声听 葛东琪《悬溺》【Hi-res】JLRS-LeoFM
791.1万
8132
Да да да (Jarico Remix)不世_
33.2万
45
核爆小曲—《ТАМАДА》是纯不是Chun
45.8万
348
超燃神曲-Titan随了亦
23.2万
66
【Alan Aztec】Disco Panzer (feat. R5on11c)VSK-94
59.8万
469
展开
小窗
客服
顶部
赛事库 课堂 2021