返回 slidev
addons.ts
根目录 / docs / .vitepress / addons.ts
1 import type { ThemeInfo } from './themes'
2
3 export type AddonInfo = Omit<ThemeInfo, 'previews'>
4
5 export const official: AddonInfo[] = [
6 {
7 id: '',
8 link: '#',
9 name: 'Work in Progress',
10 description: '',
11 tags: [],
12 author: {
13 name: '',
14 },
15 },
16 ]
17
18 // Please add your addon to the end of the list.
19 export const community: AddonInfo[] = [
20 {
21 id: 'slidev-addon-python-runner',
22 name: 'Python Runner',
23 description: 'Run actual Python code in your slides',
24 tags: ['Code runner'],
25 author: {
26 name: '_Kerman',
27 link: 'https://github.com/KermanX',
28 },
29 repo: 'https://github.com/KermanX/slidev-addon-python-runner',
30 },
31 {
32 id: 'slidev-addon-tldraw',
33 name: 'tldraw',
34 description: 'Embed tldraw diagrams directly in Slidev, with in-slide editing support',
35 tags: ['Integration', 'Diagram'],
36 author: {
37 name: 'Albert Brand',
38 link: 'https://github.com/AlbertBrand',
39 },
40 repo: 'https://github.com/AlbertBrand/slidev-addon-tldraw',
41 },
42 {
43 id: 'slidev-addon-react',
44 name: 'React Components',
45 description: 'Use React components with JSX/TSX in your Slidev presentations.',
46 tags: ['React', 'Component', 'Integration'],
47 repo: 'https://github.com/Ygilany/slidev-addon-react',
48 author: {
49 name: 'YGilany',
50 link: 'https://github.com/YGilany',
51 },
52 },
53 {
54 id: 'slidev-addon-typst',
55 name: 'Typst',
56 description: 'Typst addon for Slidev',
57 tags: ['Integration', 'Diagram'],
58 author: {
59 name: 'Shigma',
60 link: 'https://github.com/shigma',
61 },
62 repo: 'https://github.com/shigma/slidev-addon-typst',
63 },
64 {
65 id: 'slidev-addon-fancy-arrow',
66 name: 'Fancy Arrow',
67 description: 'Hand drawn arrows with various styling and positioning options',
68 tags: ['Component'],
69 author: {
70 name: 'whitphx',
71 link: 'https://github.com/whitphx',
72 },
73 repo: 'https://github.com/whitphx/slidev-addon-fancy-arrow',
74 },
75 {
76 id: 'slidev-addon-sync',
77 name: 'Remote Sync',
78 description: 'Sync component for Slidev static build that uses a SSE or WS server',
79 tags: ['Remote control', 'Navigation'],
80 author: {
81 name: 'Tony Cabaye',
82 link: 'https://github.com/tonai',
83 },
84 repo: 'https://github.com/Smile-SA/slidev-addon-sync',
85 },
86 {
87 id: 'slidev-addon-tikzjax',
88 name: 'tikzjax',
89 description: 'Compile TikZ/Chemfig/... to SVG and display them in Slidev',
90 tags: ['Integration', 'Diagram'],
91 author: {
92 name: 'Ethan Goh',
93 link: 'https://github.com/7086cmd',
94 },
95 repo: 'https://github.com/7086cmd/slidev-addon-tikzjax',
96 },
97 {
98 id: 'slidev-component-pager',
99 name: 'Pager',
100 description: 'Show current page and total page number',
101 tags: ['Component', 'Navigation'],
102 author: {
103 name: 'Tony Cabaye',
104 link: 'https://github.com/tonai',
105 },
106 repo: 'https://github.com/Smile-SA/slidev-component-pager',
107 },
108 {
109 id: 'slidev-component-poll',
110 name: 'Poll and Quiz',
111 description: 'Poll and Quiz components for Slidev',
112 tags: ['Component'],
113 author: {
114 name: 'Tony Cabaye',
115 link: 'https://github.com/tonai',
116 },
117 repo: 'https://github.com/Smile-SA/slidev-component-poll',
118 },
119 {
120 id: 'slidev-component-progress',
121 name: 'Progress',
122 description: 'Show interactive progress bar for Slidev',
123 tags: ['Tool', 'Navigation'],
124 author: {
125 name: 'Tony Cabaye',
126 link: 'https://github.com/tonai',
127 },
128 repo: 'https://github.com/Smile-SA/slidev-component-progress',
129 },
130 {
131 id: 'slidev-component-scroll',
132 name: 'Mouse Scroll',
133 description: 'Use mouse wheel for navigating',
134 tags: ['Navigation'],
135 author: {
136 name: 'Tony Cabaye',
137 link: 'https://github.com/tonai',
138 },
139 repo: 'https://github.com/Smile-SA/slidev-component-scroll',
140 },
141 {
142 id: 'slidev-component-spotlight',
143 name: 'Spotlight',
144 description: 'Activate a spotlight to highlight a specific region by holding a key',
145 tags: ['Tool'],
146 author: {
147 name: 'Tony Cabaye',
148 link: 'https://github.com/tonai',
149 },
150 repo: 'https://github.com/Smile-SA/slidev-component-spotlight',
151 },
152 {
153 id: 'slidev-component-zoom',
154 name: 'Zooming',
155 description: 'Allow zooming inside the slides',
156 tags: ['Tool'],
157 author: {
158 name: 'Tony Cabaye',
159 link: 'https://github.com/tonai',
160 },
161 repo: 'https://github.com/Smile-SA/slidev-component-zoom',
162 },
163 {
164 id: 'slidev-addon-rabbit',
165 name: 'Rabbit',
166 description: 'Presentation time management for Slidev inspired by Rabbit',
167 tags: ['Tool', 'Navigation'],
168 author: {
169 name: 'kaakaa',
170 link: 'https://github.com/kaakaa',
171 },
172 repo: 'https://github.com/kaakaa/slidev-addon-rabbit',
173 },
174 {
175 id: 'slidev-addon-stem',
176 name: 'STEM',
177 description: 'Slidev addon for scientific presentation',
178 tags: ['Component', 'Layout'],
179 author: {
180 name: 'yutaka-shoji',
181 link: 'https://github.com/yutaka-shoji',
182 },
183 repo: 'https://github.com/yutaka-shoji/slidev-addon-stem',
184 },
185 {
186 id: 'slidev-addon-naive',
187 name: 'Naive UI',
188 description: 'Brings Naive UI components into Slidev',
189 tags: ['Component'],
190 author: {
191 name: 'Samuel Huang',
192 link: 'https://sghuang.com',
193 },
194 repo: 'https://github.com/sghuang19/slidev-addon-naive',
195 },
196 {
197 id: 'slidev-addon-hls-player',
198 name: 'HLS player',
199 description: 'Add a basic hls.js powered video player on your slides to show HTTP Live Streaming videos',
200 tags: ['hls', 'video'],
201 author: {
202 name: 'Albert Brand',
203 link: 'https://github.com/AlbertBrand',
204 },
205 repo: 'https://github.com/AlbertBrand/slidev-addon-hls-player',
206 },
207 {
208 id: 'slidev-addon-window-mockup',
209 name: 'Window Mockup',
210 description: 'Styled window frames',
211 tags: ['Component'],
212 author: {
213 name: 'whitphx',
214 link: 'https://github.com/whitphx',
215 },
216 repo: 'https://github.com/whitphx/slidev-addon-window-mockup',
217 },
218 {
219 id: 'slidev-addon-bpmn',
220 name: 'BPMN viewer',
221 description: 'Visualize bpmn-files in your slidev',
222 tags: ['Component'],
223 author: {
224 name: 'emaarco',
225 link: 'https://github.com/emaarco',
226 },
227 repo: 'https://github.com/emaarco/slidev-addon-bpmn',
228 },
229 {
230 id: 'slidev-addon-dmn',
231 name: 'DMN viewer',
232 description: 'Display DMN decision tables and DRD diagrams in your slidev',
233 tags: ['Component'],
234 author: {
235 name: 'emaarco',
236 link: 'https://github.com/emaarco',
237 },
238 repo: 'https://github.com/emaarco/slidev-addon-dmn',
239 },
240 {
241 id: 'slidev-addon-p5',
242 name: 'Runner for p5js',
243 description: 'Display, edit and run p5js sketches in your slidev',
244 tags: ['Component', 'Code runner'],
245 author: {
246 name: 'mjvo',
247 link: 'https://github.com/mjvo',
248 },
249 repo: 'https://github.com/mjvo/slidev-addon-p5',
250 },
251 {
252 id: 'slidev-pane',
253 name: 'slidev-pane',
254 description: 'PowerPoint-style pane presenter for Slidev with slide thumbnails, quick navigation, and a zoomable main canvas.',
255 tags: ['Navigation'],
256 author: {
257 name: 'xunz',
258 link: 'https://github.com/xunz3',
259 },
260 repo: 'https://github.com/xunz3/slidev-pane',
261 },
262 {
263 id: 'slidev-agent',
264 name: 'slidev-agent',
265 description: 'Slidev addon and wrapper CLI for LangChain-powered slide authoring.',
266 tags: ['Component', 'Integration'],
267 author: {
268 name: 'Christian Bromann',
269 link: 'https://github.com/christian-bromann',
270 },
271 repo: 'https://github.com/christian-bromann/slidev-agent',
272 },
273 {
274 id: 'slidev-addon-animated-text',
275 name: 'Animated text',
276 description: 'Stroke by stroke animated text with any font using tegaki.',
277 tags: ['Component'],
278 author: {
279 name: 'Andreas Taranetz',
280 link: 'https://andreas.taranetz.com/',
281 },
282 repo: 'https://github.com/andreas-taranetz/slidev-addon-animated-text',
283 },
284 {
285 id: 'slidev-addon-livecode',
286 name: 'Live embedded VS Code IDE',
287 description: 'Live VS Code IDE sessions in your Slidev presentations, powered by coderaft',
288 tags: ['Component', 'Integration', 'Tool', 'IDE'],
289 author: {
290 name: 'Mickaël Alves',
291 link: 'https://mickaelalves.dev/',
292 },
293 repo: 'https://github.com/mickaelalvs/slidev-addon-livecode',
294 },
295 {
296 id: 'slidev-addon-second-screen',
297 name: 'Second Screen',
298 description: 'Open presentation on a second screen from presenter view with automatic fullscreen and visual status indicator.',
299 tags: ['Navigation', 'Presenter'],
300 author: {
301 name: 'Denis Sowa',
302 link: 'https://github.com/L-C-P',
303 },
304 repo: 'https://github.com/L-C-P/slidev-addon-second-screen',
305 },
306 {
307 id: 'slidev-addon-sandpack',
308 name: 'Sandpack',
309 description: 'Build stepped, multi-file Sandpack live-code demos from readable Markdown.',
310 tags: ['Code runner', 'React', 'Integration'],
311 author: {
312 name: 'Nir Tamir',
313 link: 'https://github.com/nirtamir2',
314 },
315 repo: 'https://github.com/nirtamir2/slidev-addon-sandpack',
316 },
317 // Add yours here!
318 {
319 id: '',
320 link: 'https://github.com/slidevjs/slidev/edit/main/docs/.vitepress/addons.ts',
321 name: 'Yours?',
322 description: 'Click here to submit your addon :)',
323 },
324 ]
325
325 lines TYPESCRIPT