chore: continued redesign readme

This commit is contained in:
LukeGus
2026-05-20 16:44:27 -05:00
parent 0bb127737c
commit 5b890e9538
4 changed files with 130 additions and 146 deletions
+112 -146
View File
@@ -2,7 +2,7 @@
<img src="./public/icon.svg" width="120" height="120" alt="Termix Logo" /> <img src="./public/icon.svg" width="120" height="120" alt="Termix Logo" />
<h1><span style="color:#F39044;">Termix</span></h1> <h1>Termix</h1>
<p>Self-hosted server management</p> <p>Self-hosted server management</p>
@@ -32,7 +32,7 @@
<br /> <br />
<img src="./repo-images/HeaderImage.png" alt="Termix Banner" style="max-width: 900px; width: 100%; border-radius: 12px;" /> <img src="./repo-images/HeaderImage.png" alt="Termix Banner" width="900" />
<br /> <br />
<br /> <br />
@@ -47,125 +47,127 @@
<br /> <br />
--- <img src="./repo-images/header-overview.svg" alt="Overview" />
<br />
## <span style="color:#F39044;">Overview</span>
<div style="border-left: 3px solid #F39044; padding-left: 16px; margin: 12px 0;">
Termix is an open-source, forever-free, self-hosted all-in-one server management platform. It provides a multi-platform solution for managing your servers and infrastructure through a single, intuitive interface. Termix offers SSH terminal access, remote desktop control (RDP, VNC, Telnet), SSH tunneling capabilities, remote SSH file management, and many other tools. Termix is the perfect free and self-hosted alternative to Termius available for all platforms. Termix is an open-source, forever-free, self-hosted all-in-one server management platform. It provides a multi-platform solution for managing your servers and infrastructure through a single, intuitive interface. Termix offers SSH terminal access, remote desktop control (RDP, VNC, Telnet), SSH tunneling capabilities, remote SSH file management, and many other tools. Termix is the perfect free and self-hosted alternative to Termius available for all platforms.
</div>
<br /> <br />
--- <img src="./repo-images/header-features.svg" alt="Features" />
<br />
## <span style="color:#F39044;">Features</span>
<br /> <br />
<table> <table>
<tr> <tr>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">SSH Terminal Access</b><br/><br/> **SSH Terminal Access**
Full-featured terminal with split-screen support (up to 4 panels) with a browser-like tab system. Includes support for customizing the terminal including common terminal themes, fonts, and other components. Full-featured terminal with split-screen support (up to 4 panels) with a browser-like tab system. Includes support for customizing the terminal including common terminal themes, fonts, and other components.
</div>
</td> </td>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">Remote Desktop Access</b><br/><br/> **Remote Desktop Access**
RDP, VNC, and Telnet support over the browser with complete customization and split screening. RDP, VNC, and Telnet support over the browser with complete customization and split screening.
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">SSH Tunnel Management</b><br/><br/> **SSH Tunnel Management**
Create and manage server-to-server SSH tunnels with automatic reconnection, health monitoring, and local, remote, or dynamic SOCKS forwarding. Desktop client-to-server tunnel settings are stored locally per desktop install, optional C2S preset snapshots can be saved to the server, renamed, loaded, or deleted when you want to move a local tunnel configuration between clients. Create and manage server-to-server SSH tunnels with automatic reconnection, health monitoring, and local, remote, or dynamic SOCKS forwarding. Desktop client-to-server tunnel settings are stored locally per desktop install, optional C2S preset snapshots can be saved to the server, renamed, loaded, or deleted when you want to move a local tunnel configuration between clients.
</div>
</td> </td>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">Remote File Manager</b><br/><br/> **Remote File Manager**
Manage files directly on remote servers with support for viewing and editing code, images, audio, and video. Upload, download, rename, delete, and move files seamlessly with sudo support. Manage files directly on remote servers with support for viewing and editing code, images, audio, and video. Upload, download, rename, delete, and move files seamlessly with sudo support.
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">Docker Management</b><br/><br/> **Docker Management**
Start, stop, pause, remove containers. View container stats. Control container using docker exec terminal. It was not made to replace Portainer or Dockge but rather to simply manage your containers compared to creating them. Start, stop, pause, remove containers. View container stats. Control container using docker exec terminal. It was not made to replace Portainer or Dockge but rather to simply manage your containers compared to creating them.
</div>
</td> </td>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">SSH Host Manager</b><br/><br/> **SSH Host Manager**
Save, organize, and manage your SSH connections with tags and folders, and easily save reusable login info while being able to automate the deployment of SSH keys. Save, organize, and manage your SSH connections with tags and folders, and easily save reusable login info while being able to automate the deployment of SSH keys.
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">Server Stats</b><br/><br/> **Server Stats**
View CPU, memory, and disk usage along with network, uptime, system information, firewall, port monitor, on most Linux based servers. View CPU, memory, and disk usage along with network, uptime, system information, firewall, port monitor, on most Linux based servers.
</div>
</td> </td>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">User Authentication</b><br/><br/> **User Authentication**
Secure user management with admin controls and OIDC (with access control) and 2FA (TOTP) support. View active user sessions across all platforms and revoke permissions. Link your OIDC/Local accounts together. Secure user management with admin controls and OIDC (with access control) and 2FA (TOTP) support. View active user sessions across all platforms and revoke permissions. Link your OIDC/Local accounts together.
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">RBAC</b><br/><br/> **RBAC**
Create roles and share hosts across users/roles. Create roles and share hosts across users/roles.
</div>
</td> </td>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">Database Encryption</b><br/><br/> **Database Encryption**
Backend stored as encrypted SQLite database files. View <a href="https://docs.termix.site/security">docs</a> for more.
</div> Backend stored as encrypted SQLite database files. View [docs](https://docs.termix.site/security) for more.
</td> </td>
</tr> </tr>
<tr> <tr>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">Network Graph</b><br/><br/> **Network Graph**
Customize your Dashboard to visualize your homelab based off your SSH connections with status support. Customize your Dashboard to visualize your homelab based off your SSH connections with status support.
</div>
</td> </td>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">SSH Tools</b><br/><br/> **SSH Tools**
Create reusable command snippets that execute with a single click. Run one command simultaneously across multiple open terminals. Create reusable command snippets that execute with a single click. Run one command simultaneously across multiple open terminals.
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">Persistent Tabs</b><br/><br/> **Persistent Tabs**
SSH sessions and tabs stay open across devices/refreshes if enabled in user profile. SSH sessions and tabs stay open across devices/refreshes if enabled in user profile.
</div>
</td> </td>
<td width="50%" valign="top" style="padding: 8px;"> <td width="50%" valign="top">
<div style="border: 1px solid rgba(243,144,68,0.25); border-left: 3px solid #F39044; border-radius: 8px; padding: 16px; height: 100%;">
<b style="color:#F39044;">Languages</b><br/><br/> **Languages**
Built-in support ~30 languages (managed by <a href="https://docs.termix.site/translations">Crowdin</a>).
</div> Built-in support ~30 languages (managed by [Crowdin](https://docs.termix.site/translations)).
</td> </td>
</tr> </tr>
</table> </table>
@@ -190,64 +192,44 @@ Built-in support ~30 languages (managed by <a href="https://docs.termix.site/tra
<br /> <br />
--- <img src="./repo-images/header-platform-support.svg" alt="Platform Support" />
<br /> <br />
## <span style="color:#F39044;">Platform Support</span> <table align="center">
<br />
<table>
<tr> <tr>
<td align="center" style="padding: 8px;" width="33%"> <th align="center">Platform</th>
<div style="border: 1px solid rgba(243,144,68,0.25); border-top: 3px solid #F39044; border-radius: 8px; padding: 16px;"> <th align="center">Distribution</th>
<b>Web</b><br/><br/>
<sub>Any modern browser (Chrome, Safari, Firefox) · PWA support</sub>
</div>
</td>
<td align="center" style="padding: 8px;" width="33%">
<div style="border: 1px solid rgba(243,144,68,0.25); border-top: 3px solid #F39044; border-radius: 8px; padding: 16px;">
<b>Windows</b> <sub>x64/ia32</sub><br/><br/>
<sub>Portable · MSI Installer · Chocolatey</sub>
</div>
</td>
<td align="center" style="padding: 8px;" width="33%">
<div style="border: 1px solid rgba(243,144,68,0.25); border-top: 3px solid #F39044; border-radius: 8px; padding: 16px;">
<b>Linux</b> <sub>x64/ia32</sub><br/><br/>
<sub>Portable · AUR · AppImage · Deb · Flatpak</sub>
</div>
</td>
</tr> </tr>
<tr> <tr>
<td align="center" style="padding: 8px;"> <td align="center"><b>Web</b></td>
<div style="border: 1px solid rgba(243,144,68,0.25); border-top: 3px solid #F39044; border-radius: 8px; padding: 16px;"> <td>Any modern browser (Chrome, Safari, Firefox) · PWA support</td>
<b>macOS</b> <sub>x64/ia32, v12.0+</sub><br/><br/> </tr>
<sub>Apple App Store · DMG · Homebrew</sub> <tr>
</div> <td align="center"><b>Windows</b> <sub>x64/ia32</sub></td>
</td> <td>Portable · MSI Installer · Chocolatey</td>
<td align="center" style="padding: 8px;"> </tr>
<div style="border: 1px solid rgba(243,144,68,0.25); border-top: 3px solid #F39044; border-radius: 8px; padding: 16px;"> <tr>
<b>iOS/iPadOS</b> <sub>v15.1+</sub><br/><br/> <td align="center"><b>Linux</b> <sub>x64/ia32</sub></td>
<sub>Apple App Store · IPA</sub> <td>Portable · AUR · AppImage · Deb · Flatpak</td>
</div> </tr>
</td> <tr>
<td align="center" style="padding: 8px;"> <td align="center"><b>macOS</b> <sub>x64/ia32, v12.0+</sub></td>
<div style="border: 1px solid rgba(243,144,68,0.25); border-top: 3px solid #F39044; border-radius: 8px; padding: 16px;"> <td>Apple App Store · DMG · Homebrew</td>
<b>Android</b> <sub>v7.0+</sub><br/><br/> </tr>
<sub>Google Play Store · APK</sub> <tr>
</div> <td align="center"><b>iOS/iPadOS</b> <sub>v15.1+</sub></td>
</td> <td>Apple App Store · IPA</td>
</tr>
<tr>
<td align="center"><b>Android</b> <sub>v7.0+</sub></td>
<td>Google Play Store · APK</td>
</tr> </tr>
</table> </table>
<br /> <br />
--- <img src="./repo-images/header-installation.svg" alt="Installation" />
<br />
## <span style="color:#F39044;">Installation</span>
Visit the [Termix Docs](https://docs.termix.site/install) for full installation instructions across all platforms. Visit the [Termix Docs](https://docs.termix.site/install) for full installation instructions across all platforms.
@@ -290,14 +272,12 @@ networks:
<br /> <br />
--- <img src="./repo-images/header-screenshots.svg" alt="Screenshots" />
<br />
## <span style="color:#F39044;">Screenshots</span>
<div align="center"> <div align="center">
<br />
[![YouTube](./repo-images/YouTube.jpg)](https://www.youtube.com/@TermixSSH/videos) [![YouTube](./repo-images/YouTube.jpg)](https://www.youtube.com/@TermixSSH/videos)
<sub>Watch update overviews on YouTube</sub> <sub>Watch update overviews on YouTube</sub>
@@ -338,24 +318,18 @@ networks:
<br /> <br />
--- <img src="./repo-images/header-planned-features.svg" alt="Planned Features" />
<br />
## <span style="color:#F39044;">Planned Features</span>
See [Projects](https://github.com/orgs/Termix-SSH/projects/2) for all planned features. If you are looking to contribute, see [Contributing](https://github.com/Termix-SSH/Termix/blob/main/CONTRIBUTING.md). See [Projects](https://github.com/orgs/Termix-SSH/projects/2) for all planned features. If you are looking to contribute, see [Contributing](https://github.com/Termix-SSH/Termix/blob/main/CONTRIBUTING.md).
<br /> <br />
--- <img src="./repo-images/header-sponsors.svg" alt="Sponsors" />
<br />
## <span style="color:#F39044;">Sponsors</span>
<div align="center"> <div align="center">
<br />
<a href="https://www.digitalocean.com/"> <a href="https://www.digitalocean.com/">
<img src="https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/SVG/DO_Logo_horizontal_blue.svg" height="40" alt="DigitalOcean" /> <img src="https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/SVG/DO_Logo_horizontal_blue.svg" height="40" alt="DigitalOcean" />
</a> </a>
@@ -388,20 +362,12 @@ See [Projects](https://github.com/orgs/Termix-SSH/projects/2) for all planned fe
<br /> <br />
--- <img src="./repo-images/header-support.svg" alt="Support" />
<br />
## <span style="color:#F39044;">Support</span>
If you need help or want to request a feature with Termix, visit the [Issues](https://github.com/Termix-SSH/Support/issues) page, log in, and press `New Issue`. Please be as detailed as possible in your issue, preferably written in English. You can also join the [Discord](https://discord.gg/jVQGdvHDrf) server and visit the support channel, however, response times may be longer. If you need help or want to request a feature with Termix, visit the [Issues](https://github.com/Termix-SSH/Support/issues) page, log in, and press `New Issue`. Please be as detailed as possible in your issue, preferably written in English. You can also join the [Discord](https://discord.gg/jVQGdvHDrf) server and visit the support channel, however, response times may be longer.
<br /> <br />
--- <img src="./repo-images/header-license.svg" alt="License" />
<br />
## <span style="color:#F39044;">License</span>
Distributed under the Apache License Version 2.0. See `LICENSE` for more information. Distributed under the Apache License Version 2.0. See `LICENSE` for more information.
+6
View File
@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="52" viewBox="0 0 860 52">
<rect width="860" height="52" fill="none"/>
<rect x="0" y="36" width="860" height="1" fill="#F39044" opacity="0.25"/>
<rect x="0" y="36" width="106" height="2" fill="#F39044"/>
<text x="0" y="28" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Features</text>
</svg>

After

Width:  |  Height:  |  Size: 451 B

+6
View File
@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="52" viewBox="0 0 860 52">
<rect width="860" height="52" fill="none"/>
<rect x="0" y="36" width="860" height="1" fill="#F39044" opacity="0.25"/>
<rect x="0" y="36" width="120" height="2" fill="#F39044"/>
<text x="0" y="28" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Overview</text>
</svg>

After

Width:  |  Height:  |  Size: 451 B

+6
View File
@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="52" viewBox="0 0 860 52">
<rect width="860" height="52" fill="none"/>
<rect x="0" y="36" width="860" height="1" fill="#F39044" opacity="0.25"/>
<rect x="0" y="36" width="224" height="2" fill="#F39044"/>
<text x="0" y="28" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="22" font-weight="700" fill="#F39044">Platform Support</text>
</svg>

After

Width:  |  Height:  |  Size: 459 B