
ArcaneAspectRatio
Use aspect ratio containers to keep media, charts, and framed previews stable across responsive widths.
Live Demo
Component: aspect-ratio
Preview + Code
16:9 container
Code
ArcaneAspectRatio.video(
  child: const Card(child: Text('16:9 container')),
)

ArcaneAspectRatio#

Use aspect ratio containers to keep media, charts, and framed previews stable across responsive widths.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/layout/aspect_ratio.dart

See the Component Catalog for the full exported surface and source mapping.