CardCarousel

Use carousels for horizontally browsable cards, feature blocks, and compact preview collections.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: carousel

Preview + Code

Slide 1

Slide 2

Slide 3

Code

CardCarousel(
  gap: 12,
  children: const [
    Card(child: Text('Slide 1')),
    Card(child: Text('Slide 2')),
    Card(child: Text('Slide 3')),
  ],
)

CardCarousel#

Use carousels for horizontally browsable cards, feature blocks, and compact preview collections.

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/collection/card_carousel.dart

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

CardCarousel

Use carousels for horizontally browsable cards, feature blocks, and compact preview collections.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: carousel

Preview + Code

Slide 1

Slide 2

Slide 3

Code

CardCarousel(
  gap: 12,
  children: const [
    Card(child: Text('Slide 1')),
    Card(child: Text('Slide 2')),
    Card(child: Text('Slide 3')),
  ],
)

CardCarousel#

Use carousels for horizontally browsable cards, feature blocks, and compact preview collections.

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/collection/card_carousel.dart

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

CardCarousel

Use carousels for horizontally browsable cards, feature blocks, and compact preview collections.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: carousel

Preview + Code

Slide 1

Slide 2

Slide 3

Code

CardCarousel(
  gap: 12,
  children: const [
    Card(child: Text('Slide 1')),
    Card(child: Text('Slide 2')),
    Card(child: Text('Slide 3')),
  ],
)

CardCarousel#

Use carousels for horizontally browsable cards, feature blocks, and compact preview collections.

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/collection/card_carousel.dart

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