Examples from oxframe-sdk/examples. Open one in the playground to edit and run it in
your browser.
The code with a moving focus, synced to bars that compare, swap and settle — highlighted code, hundreds of coordinated tweens, seeded data, tunables, markers, glow and text morphing in one scene.
Open in playground →A square slides from left to right and turns into a circle in 1 s.
Open in playground →A function plot: grid, axes with arrows, a curve drawn on with `end`,
Open in playground →Paint and compositing: gradients, dashes, group opacity, clipping, blend
Open in playground →Layout: rows and columns size themselves to content; animating a
Open in playground →Morphing between arbitrary paths and drawing outlines on with `end`.
Open in playground →Seeded randomness and background tasks: the same seed always gives the
Open in playground →Quicksort, step by step: the code with a moving focus, synced to bars that compare, swap and settle.
Open in playground →Shapes and layout: polygons, stars, arcs, smooth curves and a flexbox
Open in playground →Several scenes in one project, with markers, named eases and tunables
Open in playground →Text: typewriter effect, animated weight and size, glyph-by-glyph reveal.
Open in playground →Text beyond plain strings: glyph morphing between words, rich spans and
Open in playground →