slide/decks/showcase/slides.md

theme, title, transition, mdc

theme	title	transition	mdc
default	Slidev Showcase	slide-left	true

Slidev Showcase

Explore the powerful features of Slidev

Press Space to navigate

---

layout: center

Click Animations

• Elements appear one by one
• Supports nested lists
• Great for step-by-step explanations

---

Two-Column Layout

::left::

Features

• Markdown-based
• Vue components
• Code highlighting
• Diagrams & Math

::right::

// It's just Markdown!
interface Slide {
  content: string
  layout?: string
  transition?: string
}

---

Code Highlighting

function fibonacci(n: number): number {
  if (n <= 1) return n
  return fibonacci(n - 1) + fibonacci(n - 2)
}

// Click through to reveal lines
const result = fibonacci(10)
console.log(`fib(10) = ${result}`)

Use | separator to highlight lines per click

---

Mermaid Diagrams

graph LR
    A[Markdown] --> B[Slidev]
    B --> C[Vite]
    B --> D[Vue]
    C --> E[SPA]
    D --> E
    E --> F[Deploy]

---

Math Equations

Inline math: E = mc^2

Block math:

\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

Powered by KaTeX — fast and beautiful math rendering

---

layout: center class: text-center

That's Slidev

Write slides in Markdown, present with style.

sli.dev