Open-source animation runtime

Professional animation.Perfect timing.

Chorono brings timeline-based animation, portable runtime data, and SDK-friendly playback to web and mobile applications.

Get Chorono Editor View on NPM

Open Source

Lightweight

High Performance

Cross Platform

Chorono Preview

timeline.runtime

00:01:23

0f10f20f30f40f50f60f

Install via NPM

Add Chorono runtime to your web project in seconds.

terminal

$ npm i @chorono/runtime

Use in Web

hero-motion.jsx

import { ChoronoPlayer } from "@chorono/runtime";
import animation from "./hero.chorono.json";

export function HeroMotion() {
  return <ChoronoPlayer data={animation} autoplay loop />;
}

Android SDK

Use Chorono animations inside native Android applications.

1. Add the dependency

Add the following to your app/build.gradle file.

build.gradle.kts

dependencies {
    implementation("com.chorono:chorono-android:1.0.0")
}

2. Use in code

Load and play a Chorono animation.

MainActivity.kt

val view = ChoronoView(this)
view.setAnimation("hero.chorono")
view.play()

root.addView(view)

View Android implementation

Editor-first

Timeline, dope sheet, curve editor and modifiers in one animation workflow.

Portable Runtime

Render the same animation on web, Android and future runtimes.

Interactive

Events, expressions and runtime API for rich interactions.

Performance

Small runtime, optimized playback and mobile-friendly rendering.