Skip to content

Timeline Animation

github-actions[bot] edited this page Apr 14, 2026 · 3 revisions

Timeline Animation

This example demonstrates timeline-based animations using the stateful API:

  • Ping-pong animations using use_keyframes with fluent builder
  • Multiple animated values with staggered delays
  • Continuous looping animations with easing
<iframe src="../../examples/timeline_demo/index.html" width="100%" height="560" loading="lazy" style="border:1px solid #45475a;border-radius:8px;background:#181825;" title="Blinc timeline_demo example" ></iframe>

Tip: Some demos are best viewed in a full browser window. Click "Open in a new tab" below for the full experience.

Open in a new tab · View source on GitHub

Navigation

Getting Started

Mobile Development

Example Gallery

Web Development

Core Concepts

Animation

Components

Component Library (blinc_cn)

Widgets

Canvas Kit

Advanced

Architecture

Contributing

Clone this wiki locally