PresentationCG v2

Генератор эффектных HTML-презентаций.
Offline. 15 эффектов. 40+ анимаций. SVG-графики. 3D.

Нажмите ? для списка горячих клавиш

particles-connected + grain + cursor + split-text

⚠️

Вы всё ещё делаете презентации в PowerPoint?

Нет анимаций, нет интерактивности, нет «вау-эффекта».
Аудитория засыпает на 3-м слайде.

☝️ Двигайте мышь — прожектор следит за вами

spotlight

Сегодня вы увидите

🎬 Анимации и переходы
40+ CSS-эффектов, 8 переходов между слайдами

📊 Графики и данные
SVG-диаграммы прямо в HTML, без PowerPoint

🌐 3D и спецэффекты
Three.js частицы, шейдеры, typed.js, confetti

🎯 Интерактив
Tilt, magnetic, spotlight, cursor, before/after

gradient-mesh

Просто папка с файлами

Никаких серверов. Никаких аккаунтов.
Открыли index.html в браузере — и вы на сцене.

          Что внутри:

          📁 index.html — ваша презентация

          📁 _lib/ — библиотека эффектов

          📁 img/ — ваши изображения

          presentations/

          ├── _lib/

          │   ├── css/ ← 4 файла

          │   ├── js/ ← 3 файла

          │   ├── vendor/ ← 5 файлов

          │   └── fonts/ ← 3 шрифта

          ├── demo/

          │   ├── index.html

          │   └── img/

          └── README.md

CSS animations only

В цифрах

0

CSS-анимаций

0

JS-эффектов

0

типов слайдов

0

пресетов дизайна

grain + counter animation

Графики без PowerPoint

Данные → SVG. Анимации включены.

📊 Рост аудитории

🍩 Каналы трафика

charts.js — bar + donut

Ещё типы графиков

📈 Динамика продаж

🎯 Навыки команды

charts.js — line + progress

10 пресетов на любой вкус

Наведите мышь на карточки — 3D-наклон

🍎

Apple Minimal

Чистота, пространство, фокус

🌑

Dark Cinema

Кинематографичные blur-переходы

🚀

Startup Bold

Яркие градиенты, 3D-flip

⚡

Cyber Neon

Glitch, частицы, моношрифт

💎

Premium Lux

Золото, blur, элегантность

📰

Editorial B&W

Типографика, контраст, wipe

tilt + magnetic

Three.js эффекты

Вращающиеся 3D-фигуры на фоне.
Камера следит за мышью.

Торус · Икосаэдр · Октаэдр · Додекаэдр · Конус · Узел

floating-shapes (Three.js)

Сравнение подходов

PowerPoint

Тяжёлый файл
Без интерактива
Нужно ПО
Стандартные шаблоны
Нет 3D / частиц