diff --git a/README.md b/README.md
index 1148bef..6d4b676 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,9 @@
 # NexaPG
 
+<p align="center">
+  <img src="frontend/public/nexapg-logo.svg" alt="NexaPG Logo" width="180" />
+</p>
+
 NexaPG is a full-stack PostgreSQL monitoring platform for multiple remote targets.
 It combines FastAPI, React, and PostgreSQL in a Docker Compose stack with RBAC, polling collectors, query insights, alerting, and target-owner email notifications.
 
@@ -19,6 +23,36 @@ It combines FastAPI, React, and PostgreSQL in a Docker Compose stack with RBAC,
 - SMTP settings in admin UI (send-only) with test mail support
 - Structured backend logs + audit logs
 
+## UI Preview
+
+### Dashboard
+
+![Dashboard Overview](docs/screenshots/dashboard-overview.png)
+
+### Targets Management
+
+![Targets Management](docs/screenshots/targets-management.png)
+
+### Query Insights
+
+![Query Insights](docs/screenshots/query-insights.png)
+
+### Alerts
+
+![Alerts](docs/screenshots/alerts.png)
+
+### Admin Settings
+
+![Admin Settings](docs/screenshots/admin-settings.png)
+
+### Target Detail (DBA Mode)
+
+![Target Detail DBA](docs/screenshots/target-detail-dba.png)
+
+### Target Detail (Easy Mode)
+
+![Target Detail Easy](docs/screenshots/target-detail-easy.png)
+
 ## Repository Layout
 
 - `backend/` FastAPI app, SQLAlchemy async models, Alembic migrations, collector services
diff --git a/docs/screenshots/admin-settings.png b/docs/screenshots/admin-settings.png
new file mode 100644
index 0000000..ea43f51
Binary files /dev/null and b/docs/screenshots/admin-settings.png differ
diff --git a/docs/screenshots/alerts.png b/docs/screenshots/alerts.png
new file mode 100644
index 0000000..bd45106
Binary files /dev/null and b/docs/screenshots/alerts.png differ
diff --git a/docs/screenshots/dashboard-overview.png b/docs/screenshots/dashboard-overview.png
new file mode 100644
index 0000000..ce9b393
Binary files /dev/null and b/docs/screenshots/dashboard-overview.png differ
diff --git a/docs/screenshots/query-insights.png b/docs/screenshots/query-insights.png
new file mode 100644
index 0000000..979ee3c
Binary files /dev/null and b/docs/screenshots/query-insights.png differ
diff --git a/docs/screenshots/target-detail-dba.png b/docs/screenshots/target-detail-dba.png
new file mode 100644
index 0000000..a3d0953
Binary files /dev/null and b/docs/screenshots/target-detail-dba.png differ
diff --git a/docs/screenshots/target-detail-easy.png b/docs/screenshots/target-detail-easy.png
new file mode 100644
index 0000000..c399797
Binary files /dev/null and b/docs/screenshots/target-detail-easy.png differ
diff --git a/docs/screenshots/targets-management.png b/docs/screenshots/targets-management.png
new file mode 100644
index 0000000..265b135
Binary files /dev/null and b/docs/screenshots/targets-management.png differ