Native rendering for serious UI, graphics, and GPU work

@nativescript/canvas

Bring web-style canvas APIs to NativeScript with native-backed rendering for 2d, webgl, webgl2, webgpu and bitmaprenderer.

iOS, tvOS, visionOS + AndroidSkia-backed renderingGPU-ready workflowsWeb API muscle memory

Start BuildingBrowse Samples

render()

Start where your project is headed

New in 3.0Requirements, new features and behaviour changes when upgrading from 2.x.InstallationGet the package into your app and ready to render.Quick StartDraw the first frame and wire up a canvas view.Web API SamplesSee browser-style examples adapted to NativeScript.Canvas 2D RecipesReach for common 2D patterns without digging through API docs first.WebGL RecipesMove from shaders and buffers to real scene rendering.WebGPU RecipesExplore newer GPU workflows and rendering experiments.Images and ImageBitmapLoad images, create bitmaps from any source, and composite canvases.PerformanceMeasured costs per operation, and the practices that keep frames fast.Rendering ContextsCompare the capabilities and tradeoffs of each mode.API OverviewFind the core surface area quickly when you know what you need.Ecosystem PackagesSee how canvas connects with the broader NativeScript graphics stack.@nativescript/canvas-svgAnimated, scriptable SVG rendered natively on the GPU.@nativescript/audio-contextPair visuals with a native-backed audio graph when your app needs sound too.