Repository navigation
Expand file tree
/
Copy pathRemoteControl.html
More file actions
1099 lines (1041 loc) · 79.4 KB
/
Copy pathRemoteControl.html
File metadata and controls
1099 lines (1041 loc) · 79.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Web Remote Control System: Manage Windows Devices from Your Browser</title>
<meta name="description"
content="Web-based remote control for Windows: live desktop stream, mouse & keyboard input, file transfer, Task Manager, remote terminal, and self-hosted SignalR dashboard.">
<meta name="keywords"
content="web remote control, web based remote control, remote web control, web controller, Windows remote desktop browser, live screen control, file transfer, Task Manager, remote terminal, ASP.NET Core, Blazor, SignalR, .NET 9, real-time monitoring, device control, remote access, self-hosted">
<meta name="author" content="OffCode">
<meta name="last-modified" content="2026-07-19">
<meta name="robots" content="index, follow">
<!-- Security Headers -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.dev-offcode.com/RemoteControl.html">
<meta property="og:title" content="Web Remote Control System: Manage Windows Devices from Your Browser">
<meta property="og:description"
content="Web-based remote control for Windows: live desktop stream, file transfer, Task Manager, and remote terminal from your browser.">
<meta property="og:image" content="https://www.dev-offcode.com/RemoteControl1.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.dev-offcode.com/RemoteControl.html">
<meta name="twitter:title" content="Web Remote Control System: Manage Windows Devices from Your Browser">
<meta name="twitter:description"
content="Web-based remote control for Windows: live desktop stream, file transfer, Task Manager, and remote terminal from your browser.">
<meta name="twitter:image" content="https://www.dev-offcode.com/RemoteControl1.png">
<link rel="canonical" href="https://www.dev-offcode.com/RemoteControl.html">
<link rel="alternate" hreflang="en" href="https://www.dev-offcode.com/RemoteControl.html">
<link rel="alternate" hreflang="x-default" href="https://www.dev-offcode.com/RemoteControl.html">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<!-- Preload critical resources -->
<link rel="preload" href="styles-automation.css?v=3.1.1" as="style">
<link rel="preload" href="styles-at-extras.css?v=3.1.5" as="style">
<link rel="preload" href="gallery-simple.css?v=3.0.2" as="style">
<link rel="preload" href="RemoteControl1.png" as="image">
<!-- Core Web Vitals optimization -->
<meta name="theme-color" content="#c45c26">
<meta name="msapplication-TileColor" content="#c45c26">
<!-- Structured Data Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Web Remote Control System",
"applicationCategory": "UtilitiesApplication",
"operatingSystem": "Windows",
"description": "Web-based remote control for Windows: live desktop stream, mouse and keyboard input, Task Manager, streaming file transfer, remote terminal, and AES-256-GCM security.",
"url": "https://www.dev-offcode.com/RemoteControl.html",
"image": "https://www.dev-offcode.com/RemoteControl1.png",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
},
"downloadUrl": "https://www.dev-offcode.com/RemoteControl.html",
"inLanguage": ["en"],
"author": {
"@type": "Person",
"@id": "https://www.dev-offcode.com/#author",
"name": "EmptyCode0x86",
"url": "https://www.dev-offcode.com"
},
"publisher": {
"@type": "Organization",
"@id": "https://www.dev-offcode.com/#organization",
"name": "OffCrypt",
"url": "https://www.dev-offcode.com",
"logo": {
"@type": "ImageObject",
"url": "https://www.dev-offcode.com/RemoteControl1.png"
}
},
"softwareVersion": "2.7.0",
"releaseNotes": "Remote control system with ASP.NET Core backend, Blazor frontend, SignalR real-time communication, and Windows agent integration",
"datePublished": "2025-01-01",
"dateModified": "2026-07-19"
}
</script>
<!-- FAQ Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is Web Remote Control System?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Web Remote Control System is a self-hosted, web-based remote control for Windows. From the browser you get a live desktop stream, mouse and keyboard input, process management, streaming file transfer, remote terminal, and an optional Dashboard lock password on the control panel."
}
},
{
"@type": "Question",
"name": "Does it work remotely over the internet?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The system uses ASP.NET Core backend with SignalR for real-time communication. A lightweight Windows agent runs on the target device to execute commands. The connection is established through the web interface."
}
},
{
"@type": "Question",
"name": "Can I view and control the remote screen?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, the Live Stream feature provides a real-time feed of the remote desktop directly to your web browser. You can interact with the machine by sending mouse clicks and inputs instantly over a highly optimized SignalR connection."
}
},
{
"@type": "Question",
"name": "Can I transfer files securely?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes! The system includes a high-performance streaming file manager. You can browse directories, and reliably upload or download massive files without hitting memory limits. Progress is displayed in real time."
}
},
{
"@type": "Question",
"name": "What technologies does it use?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The system stack includes ASP.NET Core (API + SignalR) for backend, Blazor Server for the web UI, SQLite via EF Core for storage, and a Windows agent (C#/.NET) that executes commands on the target device."
}
},
{
"@type": "Question",
"name": "Is the connection secure against packet sniffing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Absolutely. The system implements AES-256 GCM encryption for all sensitive data transfers. Even if traffic is intercepted by tools like Wireshark, the data is completely unreadable. A Server Manager securely generates and embeds the Master Keys directly into the Agent stub."
}
}
]
}
</script>
<link rel="stylesheet" href="styles-automation.css?v=3.1.1">
<link rel="stylesheet" href="styles-at-extras.css?v=3.1.5">
<link rel="stylesheet" href="gallery-simple.css?v=3.0.2">
</head>
<body class="at-page">
<button class="mobile-menu-toggle" aria-label="Toggle Menu">
<span class="hamburger"></span>
</button>
<header class="at-nav">
<div class="at-nav__inner">
<aside class="sidebar">
<div class="sidebar-header">
<div class="sidebar-title">OffCode</div>
</div>
<nav class="sidebar-nav">
<ul class="sidebar-menu">
<li class="menu-item">
<a href="index.html" class="menu-link">
<span class="menu-icon at-icon at-icon--phone" aria-hidden="true"></span>
<span class="menu-text">Android App</span>
</a>
</li>
<li class="menu-item">
<a href="OffCryptDesktop.html" class="menu-link">
<span class="menu-icon at-icon at-icon--monitor" aria-hidden="true"></span>
<span class="menu-text">Desktop App</span>
</a>
</li>
<li class="menu-item">
<a href="ScreenLockBuilder.html" class="menu-link">
<span class="menu-icon at-icon at-icon--lock" aria-hidden="true"></span>
<span class="menu-text">Screen Lock Builder</span>
</a>
</li>
<li class="menu-item">
<a href="ScreenLockBuilderPremium.html" class="menu-link">
<span class="menu-icon at-icon at-icon--star" aria-hidden="true"></span>
<span class="menu-text">Premium Builder</span>
</a>
</li>
<li class="menu-item">
<a href="AutomationTool.html" class="menu-link">
<span class="menu-icon at-icon at-icon--cpu" aria-hidden="true"></span>
<span class="menu-text">Automation Tool</span>
</a>
</li>
<li class="menu-item active">
<a href="RemoteControl.html" class="menu-link">
<span class="menu-icon at-icon at-icon--cast" aria-hidden="true"></span>
<span class="menu-text">Web Remote Control</span>
</a>
</li>
<li class="menu-item">
<a href="TorChatPage.html" class="menu-link">
<span class="menu-icon at-icon at-icon--layers" aria-hidden="true"></span>
<span class="menu-text">Tor Chat</span>
</a>
</li>
<li class="menu-item">
<a href="Community.html" class="menu-link">
<span class="menu-icon at-icon at-icon--message" aria-hidden="true"></span>
<span class="menu-text">Community</span>
</a>
</li>
<li class="menu-item">
<a href="https://ko-fi.com/emptyc0de" class="menu-link" target="_blank" rel="noopener noreferrer">
<span class="menu-icon at-icon at-icon--heart" aria-hidden="true"></span>
<span class="menu-text">Donate</span>
</a>
</li>
<li class="menu-item">
<a href="PrivacyPolicy.html" class="menu-link">
<span class="menu-icon at-icon at-icon--shield" aria-hidden="true"></span>
<span class="menu-text">Privacy Policy</span>
</a>
</li>
</ul>
</nav>
<div class="sidebar-footer">
<p class="footer-text">Social media</p>
<div class="sidebar-social-divider"></div>
<div class="sidebar-social">
<a href="https://x.com/OffCryptAndroid" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on X">
<span class="sidebar-social-icon at-icon at-icon--x" aria-hidden="true"></span>
<span class="sidebar-social-label">X</span>
</a>
<a href="https://www.instagram.com/off.crypt86/" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on Instagram">
<span class="sidebar-social-icon at-icon at-icon--camera" aria-hidden="true"></span>
<span class="sidebar-social-label">Instagram</span>
</a>
<a href="https://www.tiktok.com/@offcrypt0" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on TikTok">
<span class="sidebar-social-icon at-icon at-icon--music" aria-hidden="true"></span>
<span class="sidebar-social-label">TikTok</span>
</a>
<a href="https://www.youtube.com/@OffCrypt" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on YouTube">
<span class="sidebar-social-icon at-icon at-icon--play" aria-hidden="true"></span>
<span class="sidebar-social-label">YouTube</span>
</a>
<a href="https://bsky.app/profile/off-crypt86.bsky.social" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on Bluesky">
<span class="sidebar-social-icon at-icon at-icon--butterfly" aria-hidden="true"></span>
<span class="sidebar-social-label">Bluesky</span>
</a>
<a href="https://www.linkedin.com/in/off-crypt-b94175382/" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on LinkedIn">
<span class="sidebar-social-icon at-icon at-icon--briefcase" aria-hidden="true"></span>
<span class="sidebar-social-label">LinkedIn</span>
</a>
</div>
</div>
</aside>
</div>
</header>
<div class="main-wrapper">
<main class="at-main">
<section class="at-hero">
<span class="at-hero__eyebrow">Self-hosted Windows Management</span>
<h1 class="at-hero__title">Web Remote Control System</h1>
<p class="at-hero__subtitle">Free & self-hosted Windows device management</p>
<div class="at-hero__rule" aria-hidden="true"></div>
<p class="at-hero__lead">The Web Remote Control System is a <strong>completely free</strong>, <strong>self-hosted</strong>, web-based remote control for Windows. A lightweight Windows Agent pairs with a Blazor dashboard so you can live-stream the desktop, send mouse and keyboard input, move files, open a remote terminal, and manage processes from any browser.</p>
<p class="at-hero__body"><strong>AES-256 GCM Encryption:</strong> All sensitive payloads between Agent and Backend are encrypted end-to-end. A dedicated <strong>Server Manager</strong> generates cryptographic Master Keys and embeds them into Agent executables for zero-configuration deployment.</p>
<p class="at-hero__body"><strong>Live Stream & Interactive Control:</strong> Real-time visual feed of the remote desktop in your browser with precision mouse and keyboard input via optimized SignalR.</p>
<p class="at-hero__body"><strong>Server Manager & Deployment:</strong> One-click launch for backend and frontend, automatic path detection, and customized agent stub generation pre-configured for your instance.</p>
<div class="at-hero__cta-row">
<a href="#pricing" class="at-btn at-btn--primary">Download Free</a>
<a href="#pictures" class="at-btn at-btn--ghost">View Screenshots</a>
<a href="#faq" class="at-btn at-btn--ghost">FAQ</a>
</div>
<div class="at-hero__chips">
<span class="at-chip"><span class="at-icon at-icon--monitor" aria-hidden="true"></span> Live Screen Control</span>
<span class="at-chip"><span class="at-icon at-icon--folder" aria-hidden="true"></span> Streaming Transfers</span>
<span class="at-chip"><span class="at-icon at-icon--cpu" aria-hidden="true"></span> Task Manager</span>
<span class="at-chip"><span class="at-icon at-icon--lock" aria-hidden="true"></span> AES-256 GCM</span>
</div>
</section>
<!-- Screenshot carousel -->
<section id="pictures" class="product-screens">
<div class="gallery-header">
<h2 class="gallery-title at-section__title">Screenshot & Video Showcase</h2>
</div>
<p class="features-carousel-hint">Browse screenshots with the arrows or by swiping</p>
<div class="features-carousel" id="rc-pictures-carousel" data-features-carousel>
<button type="button" class="features-carousel-btn prev"
aria-label="Previous screenshot"
aria-controls="rc-pictures-track">
<span aria-hidden="true">‹</span>
</button>
<button type="button" class="features-carousel-btn next"
aria-label="Next screenshot"
aria-controls="rc-pictures-track">
<span aria-hidden="true">›</span>
</button>
<div class="features-carousel-track" id="rc-pictures-track" role="region"
aria-roledescription="carousel" aria-label="Web Remote Control screenshots" tabindex="0">
<figure class="at-feature-card screenshot-card image-card" data-image="RemoteControl1.png" data-title="Remote Control Session" data-desc="Live streaming and interactive remote control in action">
<div class="screenshot-frame">
<img src="RemoteControl1.png" data-full="RemoteControl1.png" alt="Remote Control Live Stream interface" loading="lazy" decoding="async">
</div>
<figcaption>Remote Control Session
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="DeviceHistory.png" data-title="Device History" data-desc="See previously connected devices with names and status for faster reconnection">
<div class="screenshot-frame">
<img src="DeviceHistory.png" data-full="DeviceHistory.png" alt="Remote Control Device History interface" loading="lazy" decoding="async">
</div>
<figcaption>Device History
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="Dashboardlock.png" data-title="Dashboard Lock" data-desc="Secure your control panel with optional password protection">
<div class="screenshot-frame">
<img src="Dashboardlock.png" data-full="Dashboardlock.png" alt="Remote Control Dashboard Lock interface" loading="lazy" decoding="async">
</div>
<figcaption>Dashboard Lock
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="FileManager.png" data-title="Streaming File Manager" data-desc="Browse remote directories and transfer massive files securely">
<div class="screenshot-frame">
<img src="FileManager.png" data-full="FileManager.png" alt="Remote Control File Manager interface" loading="lazy" decoding="async">
</div>
<figcaption>Streaming File Manager
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="TaskManager.png" data-title="Remote Task Manager" data-desc="Monitor and control active processes and resource usage">
<div class="screenshot-frame">
<img src="TaskManager.png" data-full="TaskManager.png" alt="Remote Control Task Manager interface" loading="lazy" decoding="async">
</div>
<figcaption>Remote Task Manager
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="SoftwareManager.png" data-title="Software Manager" data-desc="List installed applications and uninstall remotely via Windows Registry">
<div class="screenshot-frame">
<img src="SoftwareManager.png" data-full="SoftwareManager.png" alt="Remote Control Software Manager interface" loading="lazy" decoding="async">
</div>
<figcaption>Software Manager
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="OpenProcess.png" data-title="Remote Process Execution" data-desc="Instantly execute commands and launch software on the agent machine">
<div class="screenshot-frame">
<img src="OpenProcess.png" data-full="OpenProcess.png" alt="Remote Control Open Process interface" loading="lazy" decoding="async">
</div>
<figcaption>Remote Process Execution
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="RemoteTerminal.png" data-title="Remote Terminal" data-desc="Fully interactive PowerShell and Command Prompt terminal in the web dashboard">
<div class="screenshot-frame">
<img src="RemoteTerminal.png" data-full="RemoteTerminal.png" alt="Remote Control Terminal interface" loading="lazy" decoding="async">
</div>
<figcaption>Remote Terminal
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="ScriptManager.png" data-title="Script Manager" data-desc="Built-in code editor to write, save, and execute scripts on remote agent machines">
<div class="screenshot-frame">
<img src="ScriptManager.png" data-full="ScriptManager.png" alt="Remote Control Script Manager interface" loading="lazy" decoding="async">
</div>
<figcaption>Script Manager
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="ScriptManager2.png" data-title="Script Manager (Jobs)" data-desc="Track running and completed scripts in real-time, safely stop execution, and view output">
<div class="screenshot-frame">
<img src="ScriptManager2.png" data-full="ScriptManager2.png" alt="Remote Control Script Manager Jobs interface" loading="lazy" decoding="async">
</div>
<figcaption>Script Manager (Jobs)
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="ComputerInfo.png" data-title="System Telemetry" data-desc="View detailed hardware metrics and operating system information">
<div class="screenshot-frame">
<img src="ComputerInfo.png" data-full="ComputerInfo.png" alt="Remote Control Computer Information interface" loading="lazy" decoding="async">
</div>
<figcaption>System Telemetry
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="LiveRemote.png" data-title="Live Remote Control" data-desc="Real-time visual feed and interactive desktop control">
<div class="screenshot-frame">
<img src="LiveRemote.png" data-full="LiveRemote.png" alt="Remote Control Live Remote interface" loading="lazy" decoding="async">
</div>
<figcaption>Live Remote Control
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="ChatRemote.png" data-title="Two-way Chat" data-desc="Real-time messaging between the dashboard administrator and the remote user">
<div class="screenshot-frame">
<img src="ChatRemote.png" data-full="ChatRemote.png" alt="Remote Control Chat interface" loading="lazy" decoding="async">
</div>
<figcaption>Two-way Chat
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
<figure class="at-feature-card screenshot-card image-card" data-image="RemotControlManager.png" data-title="Server Manager Tool" data-desc="Easily manage servers, generate security keys, and build custom agents">
<div class="screenshot-frame">
<img src="RemotControlManager.png" data-full="RemotControlManager.png" alt="Remote Control Server Manager interface" loading="lazy" decoding="async">
</div>
<figcaption>Server Manager Tool
<span class="screenshot-zoom-hint">Click to enlarge</span>
</figcaption>
</figure>
</div>
<div class="features-carousel-dots" role="tablist" aria-label="Screenshot slides"></div>
</div>
</section>
<div class="at-hero__video">
<iframe src="https://www.youtube.com/embed/_gMLGK7DUUI"
title="Web Remote Control Demo Video"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<!-- Custom Image Modal -->
<div id="imageModal" class="image-modal">
<div class="modal-content">
<span class="close">×</span>
<img id="modalImage" src="" alt="">
<div class="modal-info">
<h3 id="modalTitle"></h3>
<p id="modalDesc"></p>
</div>
</div>
</div>
<section id="features" class="at-section">
<div class="at-section__header">
<h2 class="at-section__title">Features</h2>
<p class="at-section__subtitle">Everything you need for self-hosted remote Windows management</p>
</div>
<div class="at-features">
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--shield" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>AES-256 GCM encryption</h3>
<p>Application-layer encryption for sensitive hub traffic so payloads stay protected
end-to-end.</p>
<ul class="at-feature-list">
<li>Encrypts command and file-transfer payloads between agent, API, and dashboard</li>
<li>Large file bodies use <strong>chunked AES-256-GCM</strong> with per-transfer keys and <code>X-Transfer-Token</code> (HMAC)</li>
<li>Designed so passive packet capture does not expose secrets in clear text</li>
<li>Server Manager helps distribute keys into agent builds for your deployment</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--monitor" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Live stream & remote control</h3>
<p>View the remote desktop in the browser and send mouse and keyboard input in real time.
</p>
<ul class="at-feature-list">
<li>Adjustable stream quality and frame rate (up to 240 FPS)</li>
<li>Dynamic zoom controls with mouse-wheel tracking</li>
<li>Interactive control over SignalR for responsive remote desktop use</li>
<li><strong>Share Screen:</strong> Share the live stream via a secure, public link without dashboard login; set a custom expiry (hours + minutes) or <strong>No time limit</strong>: expired links are automatically invalidated</li>
</ul>
</div>
</article>
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--message" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Chat</h3>
<p>Real-time two-way chat window between the dashboard administrator and the remote agent’s user.</p>
<ul class="at-feature-list">
<li>Messages delivered instantly over the encrypted SignalR channel</li>
<li>Customizable administrator nickname and persistent message history</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--folder" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Streaming file manager</h3>
<p>Browse drives and folders, upload and download large files without loading everything
into memory.</p>
<ul class="at-feature-list">
<li>Quick paths for Desktop, Documents, Downloads, Program Files, AppData, and more</li>
<li>Drive list from the agent for fixed, removable, and network volumes</li>
<li>Optional <strong>Upload and run</strong> to open a transferred file on the agent
after upload</li>
<li><strong>File Search:</strong> Search by name with wildcard and recursive subdirectory support (up to 500 results)</li>
<li>Agent HTTP legs store/transfer ciphertext (<code>.rcenc</code>); paths validated with an agent path allowlist</li>
</ul>
</div>
</article>
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--camera" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Desktop screenshot</h3>
<p>Capture a JPEG preview of the remote desktop from the control panel.</p>
<ul class="at-feature-list">
<li>Quality and resolution suited for quick diagnostics</li>
<li><strong>Close Image</strong> dismisses the preview without leaving the page</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--cpu" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Task manager, process blocker & power controls</h3>
<p>Inspect running processes, block unwanted applications, and control power state remotely.</p>
<ul class="at-feature-list">
<li>Process list and termination from the web UI</li>
<li><strong>Process Blocker:</strong> Block apps by name, agent kills them instantly on startup; setting persists in the Windows Registry across reboots</li>
<li>Power controls for shutdown and restart through the dashboard workflow</li>
</ul>
</div>
</article>
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--package" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Software manager</h3>
<p>List installed applications on the agent using Windows registry data and uninstall
remotely.</p>
<ul class="at-feature-list">
<li>Inventory style listing suitable for maintenance windows</li>
<li>Silent-style uninstall flow driven from the hub</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--rocket" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Remote process execution</h3>
<p>Launch commands, open files, or start programs on the agent from the dashboard.</p>
<ul class="at-feature-list">
<li>Path and arguments sent over the encrypted control channel</li>
<li>Useful for tooling, installers, and scripted maintenance</li>
</ul>
</div>
</article>
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--keyboard" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Remote terminal</h3>
<p>Fully interactive PowerShell and Command Prompt terminal directly in the web dashboard.
</p>
<ul class="at-feature-list">
<li>Real-time command execution and output streaming</li>
<li>Direct access to the remote command line</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--clipboard" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Script manager</h3>
<p>Built-in code editor to write, save, and execute scripts on remote agent machines.</p>
<ul class="at-feature-list">
<li>Supports Python, PowerShell, Batch, and VBScript</li>
<li>Scripts saved in browser’s local storage for easy reuse</li>
<li><strong>Scheduled Script Execution:</strong> Set specific dates and times for scripts to run automatically</li>
<li><strong>Job-based tracking:</strong> Agent keeps running and completed scripts in memory, close the browser and resume; output is preserved</li>
<li><strong>Stop Script:</strong> Safely and asynchronously terminate a running script at any time</li>
<li><strong>Download Output:</strong> Save script execution output directly to a local file</li>
</ul>
</div>
</article>
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--monitor" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Computer info & telemetry</h3>
<p>Hardware, OS, network, and runtime details streamed from the agent.</p>
<ul class="at-feature-list">
<li>CPU, memory, OS build, and related system signals</li>
<li>Helps verify which machine you are managing in multi-device setups</li>
<li><strong>Startup Programs Remove:</strong> Delete registry entries (<code>HKCU</code> / <code>HKLM</code>) or startup folder shortcuts directly from the dashboard; result reported as a toast notification</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--scroll" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Device history</h3>
<p>See previously connected devices with names and status for faster reconnection.</p>
</div>
</article>
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--lock" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Dashboard lock (optional)</h3>
<p>Optional password gate for the web dashboard with secure password storage on the server,
so only authorized operators can open the control panel.
</p>
<ul class="at-feature-list">
<li>Cookie session for the Blazor UI plus short-lived JWT for SignalR and protected APIs
</li>
<li>Lock settings include a <strong>Dashboard</strong> shortcut back to the devices view
</li>
<li>Agent file-transfer endpoints can remain callable while admin routes stay protected
</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--trash" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Remove agent</h3>
<p>Disconnect a device and trigger remote removal of the agent executable on the target PC.
</p>
<ul class="at-feature-list">
<li>Confirmation dialog before destructive actions</li>
<li>If the agent is offline, the request can be queued server-side and delivered on
reconnect</li>
</ul>
</div>
</article>
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--radio" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Real-time device ping</h3>
<p>Live round-trip latency shown for every connected agent in the device list, updated every ~10 seconds.</p>
<ul class="at-feature-list">
<li>Color-coded RTT indicator (green / yellow / red) for at-a-glance status</li>
<li>Cleartext ping IDs only, no sensitive payload in the probe</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--phone" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Telegram notifications & commands</h3>
<p>Optional Telegram bot integration for instant alerts and remote queries directly from your phone.</p>
<ul class="at-feature-list">
<li><strong>Online alert:</strong> Receive a Telegram message the moment any device comes online</li>
<li>Configure Bot Token and Chat ID from the Agent settings panel; includes BotFather setup help and a test message button</li>
<li><strong><code>/Get_info</code> command:</strong> Send the command in your Telegram chat to fetch Computer Info from an online agent; multi-device selection when several devices are connected</li>
</ul>
</div>
</article>
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--search" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Stealth mode</h3>
<p>Hide the agent's tray icon so it runs silently in the background, visible only in the Windows Task Manager.</p>
<ul class="at-feature-list">
<li>Toggle from the Agent settings panel per device</li>
<li>No system tray icon or taskbar entry, agent keeps running uninterrupted</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--wrench" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Server manager</h3>
<p>Desktop helper to configure ports, launch backend and frontend, and build configured
agents.</p>
<ul class="at-feature-list">
<li>Independent start and stop for frontend and backend services</li>
<li>Optional logging toggle and stub generation for agents</li>
<li>Aligns development <code>.env</code> and keys with your projects</li>
<li><strong>In-app Changelog:</strong> Built-in viewer for release notes and version
updates</li>
</ul>
</div>
</article>
<article class="at-feature-band">
<div class="at-feature-band__icon at-icon at-icon--layers" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>Tor Network Support</h3>
<p>Route agent traffic through the Tor anonymity network without port forwarding, using a
persistent <code>.onion</code> Hidden Service for your BackEnd.</p>
<ul class="at-feature-list">
<li>Enable <strong>Tor connection</strong> in Server Manager to generate and host the Hidden Service locally</li>
<li>Agent stubs embed the <code>.onion</code> address and can bundle <code>TorBundle</code> / <code>tor.exe</code></li>
<li>Agents connect via Tor SOCKS5 (Long Polling); live stream may be laggy over Tor, other features remain usable</li>
</ul>
</div>
</article>
<article class="at-feature-band at-feature-band--reverse">
<div class="at-feature-band__icon at-icon at-icon--globe" aria-hidden="true"></div>
<div class="at-feature-band__content">
<h3>SignalR & ASP.NET Core stack</h3>
<p>Built on ASP.NET Core, Blazor Server, SignalR, SQLite, and a Windows agent.</p>
<ul class="at-feature-list">
<li>Real-time hub for admin and agent traffic</li>
<li>Self-hosted: you control hosting, TLS termination, and network exposure</li>
</ul>
</div>
</article>
</div>
</section>
<!-- Security Architecture Section -->
<section id="security" class="at-section">
<div class="at-section__header">
<h2 class="at-section__title">Security Architecture</h2>
<p class="at-section__subtitle">Built with defence-in-depth: every layer is independently hardened</p>
</div>
<!-- Request Protection Table -->
<div class="security-block">
<h3 class="at-section__title at-section__title--copper security-block-title">Request Protection</h3>
<div class="security-table-wrapper">
<table class="security-table">
<thead>
<tr><th>#</th><th>Protection</th></tr>
</thead>
<tbody>
<tr><td data-label="#">1</td><td data-label="Protection"><strong>Request timeout</strong>: 30 s global, 10 min for file transfers, ∞ for SignalR (Slowloris protection)</td></tr>
<tr><td data-label="#">2</td><td data-label="Protection"><strong>Security headers</strong>: CSP, HSTS, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, Permissions-Policy, CORP, COOP</td></tr>
<tr><td data-label="#">3</td><td data-label="Protection"><strong>Request audit trail</strong>: All authentication events logged with IP, UserAgent, risk level and PII masking</td></tr>
<tr><td data-label="#">4</td><td data-label="Protection"><strong>Kestrel hardening</strong>: <code>RequestHeadersTimeout: 15 s</code>, <code>KeepAliveTimeout: 120 s</code>, HTTP/2 stream limit: 100</td></tr>
<tr><td data-label="#">5</td><td data-label="Protection"><strong>Login rate limiting</strong>: ASP.NET <code>AddRateLimiter</code> policy <code>login</code> (10/min/IP) on dashboard-lock verify; internal dashboard-lock check also applies</td></tr>
<tr><td data-label="#">6</td><td data-label="Protection"><strong>Hub / share rate limiting</strong>: <code>hub-negotiate</code> (60/min/IP) on SignalR <code>/devicehub</code>; <code>JoinShare</code> limited via in-hub <code>ShareJoinRateLimiter</code> (20/min/IP)</td></tr>
</tbody>
</table>
</div>
</div>
<!-- Server-Level Security Table -->
<div class="security-block">
<h3 class="at-section__title at-section__title--copper security-block-title">Server-Level Security</h3>
<div class="security-table-wrapper">
<table class="security-table">
<thead>
<tr><th>Component</th><th>Implementation</th></tr>
</thead>
<tbody>
<tr><td data-label="Component"><strong>Transport encryption</strong></td><td data-label="Implementation">AES-256-GCM (SignalR payload E2E), TLS via reverse proxy (Cloudflare / Nginx): <strong>HTTPS/WSS mandatory for internet deployments</strong></td></tr>
<tr><td data-label="Component"><strong>Password storage (Dashboard Lock)</strong></td><td data-label="Implementation">ASP.NET Identity <code>IPasswordHasher</code> → PBKDF2-SHA256 with random salt; account-store encryption keys from environment / configuration (or derived from <code>AES_MASTER_KEY_HEX</code>)</td></tr>
<tr><td data-label="Component"><strong>JWT tokens</strong></td><td data-label="Implementation">HS256 (HMAC-SHA256), configurable expiry (5-240 min), mandatory strong key in production</td></tr>
<tr><td data-label="Component"><strong>JWT signing key</strong></td><td data-label="Implementation">Enforced minimum 32 chars; weak / default keys blocked at startup in production mode</td></tr>
<tr><td data-label="Component"><strong>API authentication</strong></td><td data-label="Implementation">JWT Bearer with <code>DashboardAccess</code> for admin endpoints; legacy <code>/api/user/*</code> requires the same claim and is obsolete in favor of Dashboard Lock</td></tr>
<tr><td data-label="Component"><strong>SignalR hub auth</strong></td><td data-label="Implementation"><code>DashboardHubAuthorizationFilter</code>: admin methods require <code>dashboard_access: true</code>; agent methods and anonymous <code>JoinShare</code> are explicitly allow-listed</td></tr>
<tr><td data-label="Component"><strong>AES key validation</strong></td><td data-label="Implementation">App refuses to start if <code>AES_MASTER_KEY_HEX</code> is missing or not exactly 256 bits</td></tr>
<tr><td data-label="Component"><strong>Per-agent encryption keys</strong></td><td data-label="Implementation">Each stub built via Server Manager gets its own randomly generated AES-256 key + <code>AgentKeyId</code> registered in <code>AgentKeys.json</code> (hot-reloaded). Leaking one stub no longer exposes the traffic of every other device, the shared <code>AES_MASTER_KEY_HEX</code> remains BackEnd↔FrontEnd only</td></tr>
<tr><td data-label="Component"><strong>Per-stub connect token</strong></td><td data-label="Implementation">Each new stub receives a unique <code>AGENT_CONNECT_TOKEN</code> (256-bit random hex). The BackEnd validates it with <code>CryptographicOperations.FixedTimeEquals</code> on <code>ConnectAsDevice</code> before registering the device, preventing identity spoofing on the open hub method</td></tr>
<tr><td data-label="Component"><strong>Encrypted file transfer</strong></td><td data-label="Implementation">Chunked AES-256-GCM (<code>AesGcmChunkStream</code>) on agent HTTP legs; per-transfer key in encrypted SignalR metadata; <code>X-Transfer-Token</code> (HMAC); server temp files as <code>.rcenc</code> ciphertext</td></tr>
<tr><td data-label="Component"><strong>Agent path guard</strong></td><td data-label="Implementation"><code>Path.GetFullPath</code>, reject <code>..</code> segments, allowlist of logical drives + shell folders on browse/search/upload/download</td></tr>
<tr><td data-label="Component"><strong>Encrypted hub tunnel</strong></td><td data-label="Implementation">Sensitive admin↔BackEnd and agent↔BackEnd payloads travel as AES-GCM ciphertext inside generic hub targets (<code>ReceiveEncryptedFromAdmin</code>, <code>ReceiveEncryptedFromAgent</code>, <code>ReceiveEncryptedPacket</code>), only Base64 blobs appear on the wire</td></tr>
<tr><td data-label="Component"><strong>Replay protection</strong></td><td data-label="Implementation">In-memory <code>ReplayCache</code> tracks SHA-256 fingerprints of received ciphertext blobs. Duplicate packets are rejected immediately. Combined with a 60-second <code>packet.Timestamp</code> window, stale or replayed packets (e.g. a captured shutdown command) are silently dropped on both BackEnd and RemoteAgent sides. Configurable via <code>ReplayProtection:MaxAgeSeconds</code></td></tr>
<tr><td data-label="Component"><strong>SQL injection</strong></td><td data-label="Implementation">Entity Framework Core parameterized queries only</td></tr>
<tr><td data-label="Component"><strong>Error handling</strong></td><td data-label="Implementation">Internal exception details never exposed to HTTP clients; full details in server logs only</td></tr>
<tr><td data-label="Component"><strong>Audit logging</strong></td><td data-label="Implementation">SQLite event log, action, IP, UserAgent, risk level (Low / Medium / High / Critical), PII-masked</td></tr>
<tr><td data-label="Component"><strong>Brute force detection</strong></td><td data-label="Implementation">Automatic suspicious pattern detection (>10 failed logins or >5 rate-limit hits per hour)</td></tr>
<tr><td data-label="Component"><strong>Timing-safe comparison</strong></td><td data-label="Implementation"><code>FixedTimeEquals</code> used for admin secret and connect-token verification</td></tr>
<tr><td data-label="Component"><strong>CORS</strong></td><td data-label="Implementation">Production requires explicit <code>Cors:AllowedOrigins</code> or <code>ALLOWED_ORIGINS</code>; wildcard <code>*</code> with credentials is rejected (fail-closed)</td></tr>
</tbody>
</table>
</div>
</div>
<!-- FrontEnd-Level Security Table -->
<div class="security-block">
<h3 class="at-section__title at-section__title--copper security-block-title">FrontEnd-Level Security</h3>
<div class="security-table-wrapper">
<table class="security-table">
<thead>
<tr><th>Component</th><th>Implementation</th></tr>
</thead>
<tbody>
<tr><td data-label="Component"><strong>Session cookie</strong></td><td data-label="Implementation"><code>RemoteControl.DashboardAuth</code>, SameSite=Strict, 8 h expiry</td></tr>
<tr><td data-label="Component"><strong>Blazor Server</strong></td><td data-label="Implementation">WebSocket-based, not vulnerable to traditional CSRF</td></tr>
<tr><td data-label="Component"><strong>Return URL validation</strong></td><td data-label="Implementation">All <code>returnUrl</code> values validated, must start with <code>/</code>, no <code>//</code> open redirects</td></tr>
<tr><td data-label="Component"><strong>XSS prevention</strong></td><td data-label="Implementation">Blazor DOM encoding; dashboard JS helpers escape untrusted strings before any <code>innerHTML</code> use</td></tr>
<tr><td data-label="Component"><strong>Content Security Policy</strong></td><td data-label="Implementation">Strict CSP on all pages; no <code>unsafe-eval</code>; limited external origins</td></tr>
</tbody>
</table>
</div>
</div>
<!-- Payload Encryption Proof -->
<div class="security-block">
<h3 class="at-section__title at-section__title--copper security-block-title">Payload Encryption: Live Wire Capture</h3>
<p style="color:#8b949e;font-size:0.9rem;margin-bottom:1.25rem;line-height:1.6;">
What you see in <strong style="color:#c9d1d9;">Wireshark</strong> when opening Task Manager
on a remote PC from the OffCode Web Remote Control System web dashboard; only
<code class="at-code">ReceiveEncryptedPacket</code> + encrypted Base64 on the wire.
No process names, paths, or commands in cleartext. App-layer
<strong style="color:var(--at-amber);">AES-256-GCM</strong> on top of TLS in production.
</p>
<div class="payload-enc-wrap">
<div class="image-card payload-enc-img-container"
data-image="PayloadEncryption.png"
data-title="Payload Encryption: Live Wire Capture"
data-desc="Wireshark capture: only ReceiveEncryptedPacket + encrypted Base64 on the wire. No process names, paths or commands in cleartext."
title="Click to view full size">
<img src="PayloadEncryption.png"
alt="Wireshark capture showing AES-256-GCM encrypted SignalR payload, no cleartext process names or commands visible"
class="payload-enc-img"
loading="lazy">
<div class="payload-enc-zoom-hint"><span class="at-icon at-icon--search" aria-hidden="true"></span> Click to expand</div>
</div>
<div class="payload-enc-caption">
<span class="payload-enc-badge"><span class="at-icon at-icon--lock" aria-hidden="true"></span> AES-256-GCM</span>
<span class="payload-enc-badge"><span class="at-icon at-icon--shield" aria-hidden="true"></span> TLS in production</span>
<span class="payload-enc-badge"><span class="at-icon at-icon--package" aria-hidden="true"></span> Base64-only on wire</span>
</div>
</div>
</div>
</section>
<section class="at-section">
<div class="at-section__header">
<h2 class="at-section__title">Related products</h2>
<p class="at-section__subtitle">Other OffCode tools that pair well with remote device management.</p>
</div>
<div class="related-products-grid">
<div class="related-product-card">
<h3><span class="at-icon at-icon--cpu" aria-hidden="true"></span> Offcode Automation Tool</h3>
<p>Separate Windows desktop product for OCR workflows, UI Automation, macros, and repeatable
on-PC actions.</p>
<a href="AutomationTool.html" class="at-btn at-btn--ghost">Explore the automation
tool</a>
</div>
<div class="related-product-card">
<h3><span class="at-icon at-icon--star" aria-hidden="true"></span> Screen Lock Builder Premium</h3>
<p>Build a local Windows screen locker with password protection, blocking, saved configs,
and kiosk-style options.</p>
<a href="ScreenLockBuilderPremium.html" class="at-btn at-btn--ghost">See premium screen
lock features</a>
</div>
<div class="related-product-card">
<h3><span class="at-icon at-icon--layers" aria-hidden="true"></span> Tor Chat</h3>
<p>Self-hosted Tor chat with browser E2EE, another OffCode project if you need private
rooms over .onion.</p>
<a href="TorChatPage.html" class="at-btn at-btn--ghost">Open Tor Chat page</a>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="pricing-section">
<div class="pricing-table">
<div class="pricing-header">
<h2>Pricing</h2>
<p>Simple and transparent access to the system</p>
</div>
<div class="pricing-cards">
<!-- Free Plan -->
<div class="pricing-card premium">
<div class="plan-badge premium-badge">Free</div>
<h3>Free</h3>
<div class="price-container">
<span class="price">$0</span>
<span class="price-period">Forever</span>
</div>
<div class="pricing-info-box">
<p class="price-increase-notice">Complete system for personal and commercial use.</p>
</div>
<div class="guarantee-box">
<span class="glow-check at-icon at-icon--check" aria-hidden="true"></span>
<p class="updates-notice">Full remote control system including all features and future
updates.
</p>
</div>
<a href="RemoteDisclaimer.html" class="plan-button premium-button">Download Now</a>
<a href="RemoteChangelog.html" class="at-btn at-btn--ghost"
style="margin-top:0.75rem;display:block;text-align:center;">Changelog</a>
<div
style="margin-top: 1rem; color: var(--text-secondary); font-size: 0.9rem; text-align: center;">
<p class="at-highlight">Instant Access
& Self-Hosted</p>
<p style="margin-bottom: 0.5rem;"><strong>Deployment:</strong></p>
<p style="margin: 0.25rem 0;">Windows / VPS</p>
</div>
</div>
<!-- Installation Service -->
<div class="pricing-card premium">
<div class="plan-badge premium-badge">Service</div>
<h3>Installation Service</h3>
<div class="price-container">
<span class="price">$75</span>
<span class="price-period">One-time</span>
</div>
<div class="pricing-info-box">
<p class="price-increase-notice">For users who want remote access from outside the local network — without wrestling with routers and firewalls alone.</p>
</div>
<div class="guarantee-box">
<span class="glow-check at-icon at-icon--check" aria-hidden="true"></span>
<p class="updates-notice">Guided remote setup until the system works end to end.</p>
</div>
<ul
style="text-align: left; color: var(--text-secondary); margin: 1rem 0; padding-left: 1.5rem; font-size: 0.9rem;">
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> Port forwarding & firewall setup (when required)</li>
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> Full install: Server Manager, dashboard & agent</li>
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> Access verified from outside your local network</li>
</ul>
<a href="mailto:support@dev-offcode.com?subject=Remote%20Control%20Installation%20Service%20(%2475)"
class="plan-button premium-button">Request Setup</a>
<div
style="margin-top: 1rem; color: var(--text-secondary); font-size: 0.9rem; text-align: center;">
<p class="at-highlight">Not just LAN — real remote access</p>
<p style="margin: 0.25rem 0;">Email to schedule your install session</p>
</div>
</div>
<!-- Source Code Plan -->
<div class="pricing-card"
style="border: 2px solid #ffd700; background: linear-gradient(135deg, rgba(255, 215, 0, 0.05) 0%, rgba(255, 165, 0, 0.02) 100%);">
<div class="plan-badge"
style="background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%); color: #000;">
Source Code</div>
<h3 style="color: #ffd700;">Developer License</h3>
<div class="price-container">
<span class="price"
style="background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;">$200</span>
<span class="price-period">One-time</span>
</div>
<div class="pricing-info-box">
<p class="price-increase-notice">Full C# & Blazor source code access for developers.</p>
</div>
<div class="guarantee-box">
<span class="glow-check at-icon at-icon--check" style="color: #ffd700;" aria-hidden="true"></span>
<p class="updates-notice">Complete system source</p>
</div>
<ul
style="text-align: left; color: var(--text-secondary); margin: 1rem 0; padding-left: 1.5rem; font-size: 0.9rem;">
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> Full ASP.NET Core Backend source</li>
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> Blazor Web Dashboard source</li>
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> SignalR Real-time Hubs</li>
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> Windows Agent (C#/.NET 9) source</li>
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> AES-256 GCM Security modules</li>
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> Streaming File Manager source</li>
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> Server Manager (Stub Builder) source</li>
<li style="margin: 0.5rem 0;"><span class="at-icon at-icon--check" aria-hidden="true"></span> Modify & build your own version</li>
</ul>
<a href=" " class="plan-button"
style="background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%); color: #000; font-weight: bold;">Coming
soon..</a>
<div
style="margin-top: 1rem; color: var(--text-secondary); font-size: 0.9rem; text-align: center;">
<p style="margin-bottom: 0.5rem; color: #ffd700; font-weight: bold;">Personal Developer
License</p>
<p style="margin: 0.25rem 0; font-size: 0.8rem;">Full commercial resale rights included
</p>
</div>
</div>
</div>
<aside class="at-rating" aria-label="Community rating">
<p class="at-rating__label">Community rating</p>
<a href="https://peerpush.com/p/offcode-web-remote-control-system" class="at-rating__link" target="_blank" rel="noopener">
<img src="https://peerpush.com/p/offcode-web-remote-control-system/rating-badge.png"
alt="OffCode Web remote control system rating on PeerPush"
class="at-rating__img" width="400" height="112" loading="lazy" decoding="async" />
</a>
</aside>
<!-- FAQ Section -->
<div id="faq" class="faq-section">
<h3>Frequently Asked Questions</h3>
<div class="faq-container">
<details class="faq-item" name="remote-faq">
<summary>
<h4>What is Web Remote Control System?</h4>
<span class="faq-item__icon" aria-hidden="true"></span>
</summary>