| theme | highlighter |
|---|---|
./ |
shiki |
The Vercel theme for Slidev
Press space to go to the next page ->
Slidev is a slides maker and presenter designed for developers, consist of the following features
- 📝 Text-based - focus on the content with Markdown, and then style them later
- 🎨 Themeable - theme can be shared and used with npm packages
- 🧑💻 Developer Friendly - code highlighting, live coding with autocompletion
- 🤹 Interactive - embedding Vue components to enhance your expressions
- 🎥 Recording - built-in recording and camera view
- 📤 Portable - export into PDF, PNGs, or even a hostable SPA
- 🛠 Hackable - anything possible on a webpage
Read more about Slidev
Hover over the bottom-left corner of your screen to see the control panel.
| shortcut | purpose |
|---|---|
| space / tab / right | next animation or slide |
| left | previous animation or slide |
| up | previous slide |
| down | next slide |
Use code snippets and get automatic highlighting!
// type
interface User {
id: number;
firstName: string;
lastName: string;
role: string;
}
// function
function updateUser(id: number, update: Partial<User>) {
const user = getUser(id);
const newUser = { ...user, ...update };
saveUser(id, newUser);
}Button
P
Note