Modern presentation framework and CLI tool that transforms Markdown files into interactive, web-based slide presentations with built-in development server, export capabilities, and Vue.js integration
Overall
score
100%
Slide transitions (slide, fade, view-transition)
slide-left transition
100%
100%
fade transition
100%
100%
view-transition usage
100%
100%
bidirectional transitions
100%
100%
Line highlighting and dynamic click-based highlighting
Code block metadata
100%
100%
Curly braces usage
100%
100%
Pipe delimiter
100%
100%
Line range syntax
100%
100%
Single line syntax
100%
100%
'all' keyword
100%
100%
Layout wrapper system with auto-injection
Global persistent top layer
0%
100%
Global persistent bottom layer
0%
100%
Per-slide layer usage
0%
100%
Navigation context access
0%
100%
Presentation structure
0%
100%
Context menu customization
Setup hook usage
100%
100%
Menu item registration
100%
100%
Navigation composable
100%
100%
Route path access
100%
100%
Mode filtering
100%
100%
UnoCSS configuration via setup
Setup File Creation
80%
100%
Shortcuts Configuration
100%
100%
Theme Colors Extension
100%
100%
Theme Spacing Extension
100%
100%
Correct Export Pattern
60%
80%
Diff view with {monaco-diff}
Monaco diff syntax
100%
100%
Diff separator usage
100%
100%
Language specification
100%
100%
Slide delimiter
100%
100%
Frontmatter structure
100%
100%
Code block format
100%
100%
Auto-import components from directories
Component file location
100%
100%
Vue component structure
100%
100%
Props definition
100%
100%
Slot usage
100%
100%
Component usage in slides
100%
100%
Multiple slide usage
100%
100%
UnoCSS utility-first styling
Gradient Background
100%
100%
Centering Layout
100%
100%
Typography Sizing
100%
100%
Opacity Control
100%
100%
Spacing Utilities
100%
100%
Border Radius
100%
100%
Border Colors
100%
100%
Shadow Effects
100%
100%
Background Colors
100%
100%
Margin Spacing
100%
100%
Rough Notation annotations with v-mark
v-mark directive usage
100%
100%
Underline annotation
100%
100%
Highlight annotation
100%
100%
Circle annotation
100%
100%
Box annotation
100%
100%
Yellow color
100%
100%
Red color
100%
100%
Click-based progression
100%
100%
Static site generation (SPA build)
Import and use build function
100%
100%
Import and use resolveOptions
100%
100%
Configure BuildArgs correctly
100%
100%
Handle async operations properly
100%
100%
Pass presentation path correctly
100%
100%
Install with Tessl CLI
npx tessl i tessl/npm-slidev--cliTable of Contents