Packs

1 pack

Product Strategy Canvas Pack

For product managers and strategists to define, analyze, and refine product strategy using complementary canvas frameworks.

3 skills · pack

Results for “canvas-framework”

6 skills

Build web-based games and game engines using HTML5 Canvas, WebGL, and JavaScript with frameworks like Phaser, Three.js, and Babylon.js.

36.2k · bundle

More results

hyperframes-core

Build a single renderable HyperFrames composition using HTML with data-* timing attributes, clips, tracks, sub-compositions, variables, and deterministic rendering rules.

Creates, edits, and renders videos and animations from HTML compositions using the HyperFrames framework, handling project state, input adaptation, and workflow routing.

hyperframes-keyframes

Creates seek-safe 2D/3D keyframe animations using GSAP, CSS, Anime.js, WAAPI, FLIP, SVG morph/draw, and text trails for HyperFrames compositions.

hyperframes-animation

Provides atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and runtime adapters (GSAP, Lottie, Three.js, Anime.js, CSS, WAAPI, TypeGPU) for composing animations with HyperFrames.

threejs-fundamentals

Set up 3D scenes with Three.js, including scene, camera, renderer, Object3D hierarchy, coordinate systems, and math utilities.