Reference
Examples
Choose a complete project by difficulty and the CineCode features it demonstrates.
Every tracked example is validated in release CI. From the CineCode repository:
cinecode check examples/<name>
cinecode preview examples/<name>
cinecode render examples/<name> -o out/<name>.mp4| Project | Level | Focus |
|---|---|---|
markers-project | Intro | Time helpers and named timeline markers. |
styled-cards | Intro | Panels, padding, borders, and rounded styling. |
motion-showcase | Intro | Node and camera animation. |
layout-showcase | Intermediate | Centering, fit, safe areas, groups, and layout helpers. |
code-execution | Intermediate | Execution flow and variable updates. |
code-diff | Intermediate | Line diffs and before/after changes. |
token-trace | Intermediate | Token-level data flow. |
token-transform | Intermediate | Moving and morphing tokens. |
flagship-refactor | Advanced | End-to-end animated refactor. |
rivers-project | Advanced | Full documentary, simulations, transitions, and GPU effects. |
Browse the projects in the examples directory.