slidev-components

You can add interactive Vue components to your Slidev presentation by placing built-in components like Arrow, AutoFitText, or Toc directly onto your slides to create dynamic and responsive layouts without boilerplate setup.

Slidev provides built-in Vue components such as Arrow, VDragArrow, LightOrDark, Link, Toc, Transform, Tweet, Youtube, and VDrag for embedding interactive diagrams, live data demos, and responsive elements directly into slides.

Yes, you can create and reuse custom Vue components with slots and composables like useNav and useSlideContext within Slidev, enabling richer storytelling and interactive code demos across your presentation.

Slidev supports embedding responsive layouts and live data demos by orchestrating Vue components inside your slides, utilizing built-in elements like AutoFitText and Transform to adapt content dynamically during presentations.

The best way to eliminate boilerplate is by using Slidev's built-in Vue components and composables, which allow you to embed interactive elements and custom components directly into your slides for enhanced storytelling.

When using custom Vue components across Slidev slides, you must ensure a YAML frontmatter with name and description is included in SKILL.md, and manage optional scripts, references, or assets that load on demand to avoid setup conflicts.