diff --git a/docs/backlog.md b/docs/backlog.md
index 4ed6972..72767da 100644
--- a/docs/backlog.md
+++ b/docs/backlog.md
@@ -101,8 +101,9 @@
 - [ ] Радиусы бордеров: `--radius-m` ненулевой и применён ко всем бордерам
       (`app.css`, `SchemaToolView.svelte`). Решить, где скругления реально есть
       в дизайне, а где должен быть 0
-- [ ] `Footer`: версию брать из `package.json`, а не писать `v0.1.0` вручную
-      (`web/src/lib/components/layout/Footer.svelte`).
+- [ ] надо добавить версионирование и changelog (cocogitto), пример можно взять
+      отсюда -
+      [https://github.com/Ku6epXBOCTuK/XBOCT-page](https://github.com/Ku6epXBOCTuK/XBOCT-page)
 
 ## Переезд
 
diff --git a/web/package.json b/web/package.json
index 15b3699..b60e0fe 100644
--- a/web/package.json
+++ b/web/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "web",
 	"private": true,
-	"version": "0.0.1",
+	"version": "0.1.0",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
diff --git a/web/src/lib/components/layout/Footer.svelte b/web/src/lib/components/layout/Footer.svelte
index 1d2a633..83639e1 100644
--- a/web/src/lib/components/layout/Footer.svelte
+++ b/web/src/lib/components/layout/Footer.svelte
@@ -1,5 +1,11 @@
+<script lang="ts">
+	import { version } from "../../../../package.json";
+
+	const versionLabel = `v${version}`;
+</script>
+
 <footer class="preview-footer">
-	<span>easy-png-tools <b class="version">v0.1.0</b></span>
+	<span>easy-png-tools <b class="version">{versionLabel}</b></span>
 	<span>© 2026</span>
 </footer>