比特派钱包安卓版下载安装|kute

作者: 比特派钱包安卓版下载安装
2024-03-12 18:47:10

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号 | 京公网安备号1101080202028

kutejs: 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 SVGElement targets; this implements some Raphael.js functionality

svgMorph - enables the animation for the d Presentation Attribute of the SVGElement targets; this component implements some D3.js and flubber functionality

svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to SVGElement

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 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 SVGElement targets; this implements some Raphael.js functionality

svgMorph - enables the animation for the d Presentation Attribute of the SVGElement targets; this component implements some D3.js and flubber functionality

svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to SVGElement

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 SVGElement targets; this implements some Raphael.js functionality

svgMorph - enables the animation for the d Presentation Attribute of the SVGElement targets; this component implements some D3.js and flubber functionality

svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to SVGElement

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 SVGElement targets; this implements some Raphael.js functionality

svgMorph - enables the animation for the d Presentation Attribute of the SVGElement targets; this component implements some D3.js and flubber functionality

svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to SVGElement

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

KUTE - FACE TO FACE (Official Visualizer) - YouTube

- FACE TO FACE (Official Visualizer) - YouTubeAboutPressCopyrightContact usCreatorsAdvertiseDevelopersTermsPrivacyPolicy & SafetyHow YouTube worksTest new features© 2024 Google

KUTE - AVOID ME 3 (Official Visualizer) - YouTube

- AVOID ME 3 (Official Visualizer) - YouTubeAboutPressCopyrightContact usCreatorsAdvertiseDevelopersTermsPrivacyPolicy & SafetyHow YouTube worksTest new features© 2024 Google

KUTE_百度百科

_百度百科 网页新闻贴吧知道网盘图片视频地图文库资讯采购百科百度首页登录注册进入词条全站搜索帮助首页秒懂百科特色百科知识专题加入百科百科团队权威合作下载百科APP个人中心收藏查看我的收藏0有用+10KUTE播报讨论上传视频上海羿妆电子商务有限公司申请注册的商标KUTE是上海羿妆电子商务有限公司于2017年2月10日申请注册的化妆品牌。 [1]外文名KUTE [1]所属行业化妆 [1]目录1品牌定位2设计理念3品牌文化4品牌使命5商标名称6注册信息7商品服务品牌定位播报编辑护肤类彩妆。设计理念播报编辑KUTE Beauty除将大自然的馈赠奉献给爱美人士,也结合文化与历史,将历史元素融入到产品设计中,唤起人们对美的历史的共鸣。 [2]品牌文化播报编辑KUTE致力于将自然、时尚融合在一起,尊重不同个性、不同性别、不同年龄的人追求更好的自我。 [2]品牌使命播报编辑KUTE Beauty的使命是捕捉加拿大天然馈赠的精华,并向人们提供健康的方式护理皮肤。目标是促进皮肤的自然之美。 [2]商标名称播报编辑商标名称:KUTE [1]永恒尼罗河系列蝶恋花系列-粉-腮红蝶恋花系列-粉-口红蝶恋花系列-红-腮红蝶恋花系列-红-口红光盈粉饼修正腮红钻光水凝气垫粉底美肌光影粉注册信息播报编辑注册/申请号:22796902;申请日期:2017年02月10日;国际分类 :3;申请人名称:上海羿妆电子商务有限公司;专用权期限: 2018年02月21日 至2028年02月28日; [1]商品服务播报编辑洁肤乳液; 洗面奶; 浴液; 美容面膜; 化妆剂; 化妆品; 化妆棉; 香水; 香木; 成套化妆品; [1]新手上路成长任务编辑入门编辑规则本人编辑我有疑问内容质疑在线客服官方贴吧意见反馈投诉建议举报不良信息未通过词条申诉投诉侵权信息封禁查询与解封©2024 Baidu 使用百度前必读 | 百科协议 | 隐私政策 | 百度百科合作平台 | 京ICP证030173号 京公网安备110000020000