Vision allows any user, whether it's your development team, to visually look at the server in operational mode. Be aware of all errors, server response time, CPU usage, and RAM. Use ready-made functions thanks to libraries for different programming languages, see below. Look at the Vision!
✅ Server errors & logs
✅ Response time monitoring
✅ CPU & RAM usage
✅ Load testing
<!-- HTML for dev server -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link
rel="icon"
type="image/svg+xml"
href="https://raw.githubusercontent.com/noneandundefined/vision-ui/refs/heads/main/public/logo-vision-none.png"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Keep up to date with what is happening on your server using - Vision"
/>
<!-- Stylization and actions -->
<script
type="module"
src="https://unpkg.com/@artemiik/vision-ui@1.1.2/dist/vision.bundle.js"
defer
></script>
<link
rel="stylesheet"
href="https://unpkg.com/@artemiik/vision-ui@1.1.2/dist/vision.css"
/>
<title>Look at the Vision!</title>
<!-- Defining a meta tag for the monitoring URL -->
<!-- Thanks to this meta tag, Vision will take server monitoring -->
<meta
name="monitoring-url"
content="http://localhost:8001/micro/user/admin/vision/stats"
/>
<!-- Meta tag for using authentication on Vision UI -->
<!-- Thanks to this meta tag, Vision will block access to your Vision UI monitoring until the correct password is entered -->
<!-- You can remove it or leave it -->
<meta name="authenticate" content="password_hash" />
</head>
<body>
<!--
This HTML file is a template.
Vision allows any user, whether it's your development team,
to visually look at the server in production mode.
Be aware of all errors, server response time, CPU and RAM load.
Look at the Vision!
-->
<div id="vision"></div>
</body>
</html>The current and current versions of Vision UI are listed in the table, choose the one that suits you and start watching the server.
| Vision Version | Release Date | Notes |
|---|---|---|
| 1.0.0 | 2025-02-16 | tag v1.0.0 |
| Meta Tag | Description |
|---|---|
| monitoring-url | An tag containing a link to the json monitoring data of your server |
| authenticate | The tag that determines whether your server needs authentication before using the Vision UI |
| monitoring-file | An tag containing a link to the json monitoring file of your server |
Refer to our contribution guidelines and Code of Conduct for contributors.
Please disclose any security-related issues or vulnerabilities by emailing vision@gmail.com, instead of using the public issue tracker.