Import Surfaces

There is no alias layer; use the primary import first and advanced imports only by choice

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: aliases

Preview + Code

Widget aliases

Compose layout with the same surface primitives.

Code

ArcaneBox(
  style: const ArcaneStyleData(
    display: Display.flex,
    gap: Gap.sm,
    alignItems: AlignItems.center,
  ),
  children: [
    Button.primary(label: 'Save', onPressed: () {}),
    Button.secondary(label: 'Cancel', onPressed: () {}),
  ],
)

Import Surfaces#

Arcane Jaspr does not ship a short-name alias layer. There is no aliases.dart, and the primary documentation path does not assume one.

Primary Import#

import 'package:arcane_jaspr/arcane_jaspr.dart';

Use this for normal app code. It exposes the Flutter-shaped base types and the Arcane widget surface.

Advanced Imports#

import 'package:arcane_jaspr/html.dart';
import 'package:arcane_jaspr/web.dart';

Use html.dart only for low-level HTML wrapper components such as ArcaneDiv, ArcaneLabel, and ArcaneLink. Use web.dart only when you intentionally want raw Jaspr and DOM APIs.

Naming Rule#

The default authoring path keeps the explicit Arcane* names. That keeps package examples, generated docs, and Oracular templates aligned on one surface.

Import Surfaces

There is no alias layer; use the primary import first and advanced imports only by choice

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: aliases

Preview + Code

Widget aliases

Compose layout with the same surface primitives.

Code

ArcaneBox(
  style: const ArcaneStyleData(
    display: Display.flex,
    gap: Gap.sm,
    alignItems: AlignItems.center,
  ),
  children: [
    Button.primary(label: 'Save', onPressed: () {}),
    Button.secondary(label: 'Cancel', onPressed: () {}),
  ],
)

Import Surfaces#

Arcane Jaspr does not ship a short-name alias layer. There is no aliases.dart, and the primary documentation path does not assume one.

Primary Import#

import 'package:arcane_jaspr/arcane_jaspr.dart';

Use this for normal app code. It exposes the Flutter-shaped base types and the Arcane widget surface.

Advanced Imports#

import 'package:arcane_jaspr/html.dart';
import 'package:arcane_jaspr/web.dart';

Use html.dart only for low-level HTML wrapper components such as ArcaneDiv, ArcaneLabel, and ArcaneLink. Use web.dart only when you intentionally want raw Jaspr and DOM APIs.

Naming Rule#

The default authoring path keeps the explicit Arcane* names. That keeps package examples, generated docs, and Oracular templates aligned on one surface.

Import Surfaces

There is no alias layer; use the primary import first and advanced imports only by choice

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: aliases

Preview + Code

Widget aliases

Compose layout with the same surface primitives.

Code

ArcaneBox(
  style: const ArcaneStyleData(
    display: Display.flex,
    gap: Gap.sm,
    alignItems: AlignItems.center,
  ),
  children: [
    Button.primary(label: 'Save', onPressed: () {}),
    Button.secondary(label: 'Cancel', onPressed: () {}),
  ],
)

Import Surfaces#

Arcane Jaspr does not ship a short-name alias layer. There is no aliases.dart, and the primary documentation path does not assume one.

Primary Import#

import 'package:arcane_jaspr/arcane_jaspr.dart';

Use this for normal app code. It exposes the Flutter-shaped base types and the Arcane widget surface.

Advanced Imports#

import 'package:arcane_jaspr/html.dart';
import 'package:arcane_jaspr/web.dart';

Use html.dart only for low-level HTML wrapper components such as ArcaneDiv, ArcaneLabel, and ArcaneLink. Use web.dart only when you intentionally want raw Jaspr and DOM APIs.

Naming Rule#

The default authoring path keeps the explicit Arcane* names. That keeps package examples, generated docs, and Oracular templates aligned on one surface.