reveal.js

reveal.js는 HTML 문서를 이용하여 스타일리시한 프레젠테이션을 생성할 수 있는 프레임워크입니다.

Latest Ver 5.2.1

Homepage

Github

68,795

📢 reveal.js는 웹 기반 프레젠테이션을 위한 오픈 소스 라이브러리로, 사용자가 HTML을 사용하여 인터랙티브하고 멋진 프레젠테이션을 쉽게 만들 수 있게 해줍니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/highlight.esm.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/highlight.esm.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/highlight.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/highlight.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/plugin.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/plugin.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/markdown/markdown.esm.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/markdown/markdown.esm.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/markdown/markdown.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/markdown/markdown.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/markdown/plugin.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/markdown/plugin.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/katex.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/katex.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/math.esm.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/math.esm.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/math.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/math.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/mathjax2.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/mathjax2.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/mathjax3.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/mathjax3.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/plugin.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/math/plugin.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/notes/notes.esm.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/notes/notes.esm.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/notes/notes.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/notes/notes.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/notes/plugin.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/notes/plugin.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/search/plugin.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/search/plugin.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/search/search.esm.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/search/search.esm.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/search/search.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/search/search.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/zoom/plugin.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/zoom/plugin.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/zoom/zoom.esm.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/zoom/zoom.esm.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/zoom/zoom.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/zoom/zoom.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/reveal.esm.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/reveal.esm.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/reveal.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/reveal.min.js

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/monokai.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/monokai.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/zenburn.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/plugin/highlight/zenburn.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/reset.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/reset.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/reveal.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/reveal.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/beige.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/beige.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/black-contrast.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/black-contrast.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/black.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/black.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/blood.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/blood.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/dracula.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/dracula.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/league-gothic/league-gothic.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/league-gothic/league-gothic.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/league.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/league.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/moon.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/moon.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/night.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/night.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/serif.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/serif.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/simple.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/simple.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/sky.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/sky.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/solarized.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/solarized.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/white-contrast.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/white-contrast.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/white.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/white.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/white_contrast_compact_verbatim_headers.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/white_contrast_compact_verbatim_headers.min.css

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/league-gothic/league-gothic.eot

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/league-gothic/league-gothic.ttf

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/league-gothic/league-gothic.woff

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-italic.eot

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-italic.ttf

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-italic.woff

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-regular.eot

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-regular.ttf

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-regular.woff

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-semibold.eot

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-semibold.ttf

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-semibold.woff

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-semibolditalic.eot

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-semibolditalic.ttf

https://cdnjs.cloudflare.com/ajax/libs/reveal.js/5.2.1/theme/fonts/source-sans-pro/source-sans-pro-semibolditalic.woff

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div class='reveal'><div class='slides'><section>Slide 1</section><section>Slide 2</section></div></div>

🎨 External CSS
<link href="https://cdn.jsdelivr.net/npm/reveal.js@4/dist/reveal.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/reveal.js@4/dist/theme/black.css" rel="stylesheet">

🧩 External JS
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4/dist/reveal.js"></script>

⚙️ JavaScript
Reveal.initialize();