DEV Community: Haris

KryonOS v2.0.0 brings a JavaScript GUI OS to ESP32-S3 (N16R8), Cardputer, CYD, and LilyGO T-HMI with a 3D engine

Haris — Sun, 27 Sep 2026 19:47:43 +0000

KryonOS v2.0.0 marks a monumental milestone in the evolution of our open-source microcontroller operating system. This major release introduces multi-board hardware abstraction with official ESP32-S3 flagship support, full wireless Over-The-Air (OTA) updates, native KryonCloud integration with mesh messaging and cloud backups, a 3D hardware-accelerated graphics pipeline, an embedded Express-like web server, and an extensive suite of new JavaScript hardware APIs.

What's New in v2.0.0

1. Multi-Board Hardware Abstraction Layer (HAL)

Expanded device compatibility beyond the initial prototype with modular hardware profiles, independent display bus drivers, and dedicated pin mappings located under src/Hal/Boards/.

ESP32-S3 DevKitC-1 N16R8 (esp32-s3-devkitc-1-n16r8) [Tested & Verified]:
- Official tier-one flagship reference target.
- Configured for 16MB Flash with dual-slot OTA partitions.
- 8MB Octal PSRAM (qio_opi) enabled for high-resolution graphics and expanded JavaScript heap headroom.
- Native USB-CDC serial console and hardware JTAG debugging support (ARDUINO_USB_CDC_ON_BOOT=1).
M5Stack Cardputer v1.1 (m5stack-cardputer) [EXPERIMENTAL]:
- 56-Key physical matrix keyboard driver scanning via 74HC138 demultiplexer with complete Shift and Fn modifier layer decoding.
- ST7789V2 SPI 240x135 landscape display driver integration.
- ADC-based battery voltage and charge percentage telemetry.
- Custom 8MB dual-OTA partition scheme (partitions_cardputer.csv).
LilyGO T-HMI (lilygo-t-hmi) [EXPERIMENTAL]:
- High-speed 8-bit parallel ST7789 display bus driver with hardware BGR color correction.
- Integrated XPT2046 resistive touch controller with calibration routines.
- 1-bit high-speed SD_MMC storage mount.
- Onboard battery voltage telemetry.
ESP32-CYD-28 / Cheap Yellow Display (esp32-cyd-28) [EXPERIMENTAL]:
- ILI9341 SPI display driver with dedicated touch SPI bus.
- Built-in RGB notification LED and onboard LDR light sensor support.
Modular Build Architecture: Board environments are decoupled into dedicated .ini files under src/Hal/Boards/board_configs/ (cardputer.ini, cyd.ini, t_hmi.ini) and imported automatically into platformio.ini using extra_configs.

Note on Experimental Boards: Target boards marked as [EXPERIMENTAL] are implemented at the driver and HAL level but currently lack hands-on verification due to unavailable test hardware. The ESP32-S3 DevKitC-1 N16R8 remains the sole fully verified, physical bench-tested device. If you find any issue in the experimental boards once you have flashed them, please submit an issue on our GitHub repository. Community members with these experimental boards are strongly encouraged to test builds and submit calibration feedback.

2. Smart Wireless Over-The-Air (OTA) Updates

Devices with large flash memory (8MB+) can now update KryonOS completely over Wi-Fi without needing a USB cable.

Full Wireless OTA Support: Enabled for ESP32-S3 DevKitC-1 (16MB) and M5Stack Cardputer (8MB).
Model-Aware Resolution: Devices automatically fetch the exact update binary compiled specifically for their board target.
Anti-Brick Safety: Enabled bootloader anti-rollback (CONFIG_BOOTLOADER_APP_ROLLBACK_ENABLE=1) that automatically restores the previous working version if a newly flashed build fails to boot.
Notice for 4MB Flash Boards: Smaller boards (such as the CYD and standard DOIT DevKit V1) safely fall back to guided USB flashing to accommodate partition constraints.

3. KryonCloud Platform & Account Integration

A full native C++ system application located under the launcher item [ SYSTEM ] apps.

Fresh Server Synchronization: Automatically pings the cloud server for live account quotas and the KryonBeam inbox every time the app opens.
Standardized 5-Tab Navigation Layout:
- Overview: Account profile, hardware handle (@handle), active Wi-Fi status, quick summary telemetry cards, and unpair button.
- KryonAI Studio: Interactive on-device AI workspace with on-screen touch keyboard (MyKeyboard), real-time Server-Sent Events (SSE) streaming, and strictly bounded word-wrapping to prevent screen edge overflow.
- KryonBeam: Hardware-to-hardware mesh messaging featuring inbox threads, detail view modal, on-screen keyboard composer, recipient handle/broadcast selector (*), message composer, queue purge acknowledgment, and public group support.
- Cloud Storage & Backup: Dual-scope file browser for /cloud/shared and /cloud/device with SHA-256 verified downloading and background chunked uploading. Includes a full device backup and restore feature, accessible both from the device and via the Kryon Account web dashboard.
- Usage & Quotas Dashboard: Dedicated telemetry screen with daily AI request progress bars, cloud storage allocation bars, a 00:00 UTC quota reset countdown, and verified node health badges.

4. New JavaScript Runtime Engines & APIs

Cloud AI Engine (Kryon.ai / System.ai / AI):
- Kryon.ai.stream(options): Real-time SSE token-by-token streaming directly into UI components without RAM exhaustion.
- Kryon.ai.ask(prompt, options, callback): One-shot LLM reasoning query with usage statistics and error handling.
- Kryon.ai.extract(options, callback): Schema-constrained structured JSON extraction from messy logs and sensor feeds.
- Kryon.ai.vision(options, callback): Computer vision analysis of screen buffer snapshots or camera images.
- Kryon.ai.status(): Real-time connectivity and daily credit quota monitoring.
FastMath Hardware Acceleration Engine (FastMath / System.math):
- Direct hardware single-precision Floating Point Unit (FPU) math: FastMath.sin(), cos(), tan(), asin(), acos(), atan2(), sqrt(), hypot().
- 360° Trigonometric LUT: Pre-computed FastMath.fastSin() and fastCos() for 60FPS animation loops.
- Hardware True Random Number Generator (TRNG): FastMath.random() and randomRange() powered by silicon RF noise (esp_random()).
- 3D Graphics & Matrix Batch Processing (300%–800% FPS boost): Native C++ 4x4 matrix multiplications (mat4Multiply), Euler rotations (mat4Rotate), perspective projection (mat4Perspective), and bulk vertex projection (transformVertices).
- Vector & Array DSP Utilities: vec2Distance, vec3Distance, dot2, dot3, cross3, normalize2, normalize3, arraySum, arrayMinMax, and arrayDot.
- Constants: PI, HALF_PI, TWO_PI, DEG_TO_RAD, RAD_TO_DEG.
Kryon3D Hardware-Accelerated 3D Engine (Kryon3D / System.graphics3d):
- Flicker-free double-buffering: Off-screen frame buffer management in PSRAM/SRAM with single-burst DMA SPI flush (begin, clear, render / flush, end).
- Unified 2D + 3D Composite Rendering: All standard 2D graphics methods (fillRect, drawString, drawLine, drawRoundRect, fillCircle, drawPixel) layer directly onto the active 3D double buffer for game HUDs, weapons, and minimaps.
- 3D Camera, Viewport, Projection & Lighting: Configurable viewport sub-rects (setViewport), camera eye/target, FOV, and directional light shading (setCamera, setLight, setFog).
- Hardware 3D Primitives: drawLine, drawTriangle, fillTriangle (with automatic backface culling and flat directional shading), drawCube, and drawBillboard.
- Batch 3D Mesh Rendering: Native drawMesh capable of transforming, culling, shading, and rasterizing entire polygon models in a single C++ call.
Networking & REST API Engine (Network):
- Full REST API methods: Network.get(), post(), put(), delete(), and unified request().
- Configurable timeouts and FreeRTOS watchdog-safe non-blocking event pumping.
- Streaming file downloads with live progress callbacks (Network.downloadFile()) directly to storage in 1024-byte chunks.
- Network telemetry: isConnected(), hasInternet(), getIP(), getSSID(), getRSSI(), and showWiFiPrompt().
- Safe offline error handling without thread freezing.
WebSocket Client Engine (WebSocket):
- W3C-standard WebSocket client: onopen, onmessage, onerror, onclose, send(), close().
- Native FreeRTOS 20-second ping/pong keep-alive heartbeat to prevent home router NAT dropouts.
Smart Multi-Network Wi-Fi Manager:
- Multi-credential JSON database (known_networks.json) with automated migration from legacy wifi.txt.
- Two-phase sequential evaluation: sorts in-range APs by signal strength (RSSI) and performs post-association HTTP 204 WAN checks.
- Background auto-reconnect on connection dropout and on-boot smart association.
- Upgraded Settings Wi-Fi UI with live connection cards, animated network scanner, and Saved Networks management screen.
Embedded Web Server Engine (HttpServer):
- Express.js-style embedded HTTP server: listen(), stop(), isRunning(), getPort(), getURL(), getStats(), poll(), reset().
- Routing & middleware: on(), get(), post(), put(), delete(), patch(), options(), use(), notFound(), and dynamic parameters (/user/:id, /files/*).
- Express-like request and response objects (req.query, req.params, req.body, res.status(), res.json(), res.html(), res.sendFile(), res.cors()).
- Chunked static file streaming (serveStatic) from LittleFS/SD with MIME detection and TWDT watchdog protection.
- Embedded security: 16 KB body payload limit (HTTP 413), path traversal protection, and 500 ms header timeout protection against Slowloris freezes.
Hardware-Accelerated PWM Engine (PWM / System.pwm):
- Bound directly to the ESP32/S3 LEDC hardware peripheral (8 channels on S3, 16 on standard ESP32).
- APIs: setup(), write(), setDuty(), setFrequency(), setTone(), stopTone(), setServo(), detach(), getChannel(), reset().
- Non-blocking tone synthesis with automatic timed expiration.
- 50 Hz 14-bit microsecond pulse width precision for RC servo positioning.
Hardware TwoWire I2C Master Engine (I2C / System.i2c):
- Complete hardware master peripheral control: begin(), end(), scan(), ping(), readReg(), writeReg(), readReg16(), writeReg16(), readRegBytes(), write(), read(), reset().
- Automatic 50ms bus timeout protection preventing FreeRTOS watchdog freezes if slaves disconnect.
- Repeated-Start (Wire.endTransmission(false)) for atomic register access on sensors (MPU6050, BMP280, ADS1115).
- 9-clock cycle bus recovery sequence on I2C.reset() to release unacknowledged lockups from wedged slave devices.
- Automatic 32-byte chunking for large buffer transmissions (OLED displays, DACs).
Hardware Cryptographic Acceleration Engine (Crypto / System.crypto):
- Direct silicon hardware-accelerated SHA-256 (Crypto.sha256()) and SHA-512 (Crypto.sha512()) computation.
- Hardware-assisted HMAC-SHA256 (Crypto.hmacSha256()) for API tokens, AWS signature v4, and JWT verification.
- Hardware AES-128 / AES-256 symmetric cipher blocks (Crypto.aesEncrypt(), Crypto.aesDecrypt()) with PKCS#7 block alignment and padding validation.
- Cryptographically secure random bytes generator (Crypto.randomBytes()) sampled directly from silicon RF noise.
Floating System Notifications (System.notify / Notification):
- Non-blocking, fixed-size ring buffer queue in RAM (4 items max) preventing memory fragmentation.
- Smooth cubic easing animation state machine (SLIDE_IN → DISPLAYING → SLIDE_OUT over Y: −45 → +10).
- Compositor overlay hook rendering glass card pill banners with typed status badges (info, warning, error, success) and optional PWM audio chimes.
- Management APIs: System.notify(), System.notify.dismiss(), System.notify.clearAll().
Inter-App Communication & Intent Dispatcher (System.ipc / IPC):
- Contextual application launching with JSON startup argument passing (System.ipc.launch(), System.ipc.getLaunchArgs()).
- File extension association mapping (e.g., fileAssociations: [".bmp", ".txt"]) with automatic handler resolution (System.ipc.openFile()).
- Companion launch access controls and runtime mailbox system for inter-process messaging (System.ipc.send(), System.ipc.onMessage()).

For detailed architectural tutorials, memory management recommendations, and complete code samples, consult Documentation/Kryon3D_Engine_Guide.md and Documentation/JS_API_Guide.md.

5. Async Web Manager & Storage Dashboard Redesign

Zero-Storage Web File Manager: Embedded high-performance web manager served directly from flash PROGMEM, requiring 0 bytes on LittleFS/SD.
Modern UI: 100% inline embedded Lucide/Tabler SVG vector icons for drives, files, folders, and operations.
Live System Telemetry: Real-time /api/storage endpoint reporting LittleFS total/used/free, SD mount status, dynamic SoC chip model, free RAM, and conditional PSRAM stats.
In-Browser Code Editor: VS Code-style editor with synchronized line numbering gutter, Tab indentation, Ctrl+S save shortcut, cursor telemetry (Ln X, Col Y), and language syntax identification.
Themes & GitHub Integration: Multi-theme selector (VS Code Dark, Cyber Blue, Clean Light) with localStorage persistence, alongside direct browser-to-GitHub live telemetry for stargazers and forks.
Settings "About Device" Card: Live GitHub stargazers counter with an offline 5-tier rounding cache (/local/system/stars_cache.json) for instantaneous loading without network latency.

Changes & Improvements

FileSystem Path Resolution: Refactored FileSystem::getTargetFS to use non-static string references and uniform trailing slash normalization across all file, directory, and storage calls.
Documentation Suite: Updated Documentation/JS_API_Guide.md with comprehensive API specifications for FastMath (Section 6) and Kryon3D (Section 7), and introduced a dedicated game development guide in Documentation/Kryon3D_Engine_Guide.md.

Flashing Instructions

Connect your ESP32 / ESP32-S3 board to your computer via USB and flash using esptool.py or the official Espressif Flash Download Tool.

Flashing ESP32-S3 Targets (ESP32-S3 DevKitC-1, Cardputer, T-HMI)

Note: On ESP32-S3, the bootloader starts at offset 0x0000. Adjust --port COM3 to match your system's serial port:

esptool.py --chip esp32s3 --port COM3 --baud 921600 write_flash -z \
  0x0000 bootloader-s3.bin \
  0x8000 partitions-s3-16mb.bin \
  0x10000 KryonOS-v2.0.0-esp32-s3-devkitc-1-n16r8.bin

Flashing Standard ESP32 Targets (DevKit V1, ESP32-CYD-28)

Note: On classic ESP32, the bootloader starts at offset 0x1000:

esptool.py --chip esp32 --port COM3 --baud 921600 write_flash -z \
  0x1000 bootloader.bin \
  0x8000 partitions.bin \
  0x10000 KryonOS-v2.0.0-esp32doit-devkit-v1.bin

Hardware Requirements

Primary Setup (Recommended)

ESP32-S3 DevKitC-1 (N16R8 variant: 16MB Flash, 8MB Octal PSRAM)
ILI9341 2.8 Inch TFT Touch Display Module
MicroSD Card Module SPI or SD_MMC (Optional)

Wiring Guide: For complete ESP32-S3 DevKitC-1 (N16R8) Display & MicroSD module pinout connections, refer to the Hardware Connection & Pinout Documentation.

Supported All-in-One Targets

M5Stack Cardputer v1.1 (Integrated ESP32-S3, ST7789 display, matrix keyboard, battery)
LilyGO T-HMI (Integrated ESP32-S3, 8-bit parallel ST7789, resistive touch, battery)
ESP32-2432S028R / Cheap Yellow Display (Integrated ESP32, ILI9341 display, XPT2046 touch, RGB LED, LDR)

Star the Project

If you enjoy using KryonOS or find this release exciting, please consider giving our repository a Star on GitHub! Every star helps boost visibility, attract contributors, and grow the embedded JavaScript ecosystem.

→ Star KryonOS on GitHub

Support Hardware Acquisition & Testing

Expanding native device support requires physical testing on real hardware. Due to budget constraints, experimental board ports (Cardputer, T-HMI, CYD) cannot yet be bench-tested in person.

If you would like to help us acquire these development boards, display modules, and test fixtures so they can become fully verified reference targets, please consider supporting the project:

→ Sponsor KryonOS

Give a star to KryonOS Github Repository: https://github.com/Haris16-code/KryonOS

Haris — Thu, 24 Sep 2026 19:25:54 +0000

Haris

Sep 24

A GUI JavaScript Operating System For The ESP32

#showdev #esp32 #javascript #opensource

5 min read

GitHub - Haris16-code/KryonOS: KryonOS is an ESP32 GUI operating system with a JavaScript runtime for apps. It provides a real touch-based interface and allows installing and running JS apps dynamically without reflashing firmware. · GitHub

KryonOS is an ESP32 GUI operating system with a JavaScript runtime for apps. It provides a real touch-based interface and allows installing and running JS apps dynamically without reflashing firmwa...

github.com

A GUI JavaScript Operating System For The ESP32

Haris — Thu, 24 Sep 2026 19:22:14 +0000

Haris16-code / KryonOS

KryonOS is an ESP32 GUI operating system with a JavaScript runtime for apps. It provides a real touch-based interface and allows installing and running JS apps dynamically without reflashing firmware.

KryonOS

KryonOS is an open-source, lightweight, high-performance GUI Operating System and JavaScript App Runtime designed specifically for the ESP32 microcontroller. It provides a complete desktop-like experience on embedded devices, featuring an integrated JS engine (Duktape) for executing standalone JavaScript applications, double-buffered graphics for smooth 2D/3D rendering, an App Store, file management, and direct hardware API access.

ESP32 + ILI9341 2.8" (Touch)	Multiple Devices (Lab Overview)	M5Stack Cardputer	CYD (Cheap Yellow Display)	LilyGO T-HMI
Stable 🟢	Experimental 🧪	Experimental 🧪	Experimental 🧪	Experimental 🧪

Features

JavaScript App Runtime: Execute interactive JS apps natively on the ESP32 using the optimized Duktape engine.
Rich UI & Graphics: Built-in graphics library with double-buffering support for smooth, tear-free 2D and 3D rendering.
App Store & Installer: Browse, download, and install JavaScript apps and updates dynamically over Wi-Fi.
File Management: Fully functional file explorer and text editor utilizing the SD Card for storage.
Hardware API:…

View on GitHub

Meet KryonOS: An Open-Source Graphical OS and JavaScript Runtime for the ESP32

Microcontrollers have advanced far beyond simple sensor telemetry and blinking LED loops. With dual-core 240MHz processors and high-speed external PSRAM, modern chips like the ESP32 and ESP32-S3 can run full-fledged operating environments. That vision led to KryonOS: an open-source graphical operating system featuring an embedded JavaScript application engine, native 3D hardware graphics, and modern networking capabilities.

ESP32 + ILI9341 2.8" (Touch)	Multiple Devices (Lab Overview)	M5Stack Cardputer	CYD (Cheap Yellow Display)	LilyGO T-HMI
Stable 🟢	Experimental 🧪	Experimental 🧪	Experimental 🧪	Experimental 🧪

Why an OS on a Microcontroller?

Typically, developing for an ESP32 requires flashing monolithic firmware via PlatformIO or the Arduino IDE for every tweak. Changing a button's position or tweaking game logic means a full recompile and reflash cycle.

KryonOS shifts this paradigm by establishing a clear boundary between the native C++ core kernel and high-level applications:

Native C++ Kernel: Manages FreeRTOS task scheduling, display SPI DMA channels, touchscreen interrupts, power management, and storage partitions.
Embedded JavaScript Engine: Runs isolated user applications dynamically loaded from an SD card or internal LittleFS flash without recompiling firmware.
Unified System APIs: Gives developers high-level JavaScript access to graphics primitives, networking, audio, file storage, and hardware sensors.

Hardware-Accelerated 3D on a Microcontroller: The Kryon3D Engine

A flagship highlight of KryonOS is Kryon3D, a native C++ rasterization pipeline exposed directly to the JavaScript runtime. Built for double-buffered, tear-free rendering on TFT displays (like the ILI9341), it handles the heavy math at bare-metal speeds:

Hardware Shading & Lighting: Directional lighting calculations and backface culling to maximize polygon throughput.
FastMath Acceleration: Vector, matrix, and trigonometric operations offloaded to native routines for 30–60 FPS scene updates.
Composite 2D + 3D Rendering: Render a 3D scene (cubes, wireframe meshes, or billboards) and composite 2D HUD text, crosshairs, or mini-maps directly in the same frame buffer before a single DMA flush to the display glass.
Distance Fog & Camera Models: Standard 3D world coordinates with 6-DOF camera controls and fog blending.

Modern Networking: Full REST, Streaming, and WebSockets

Connected IoT and handheld devices need reliable communication without blocking the UI. KryonOS implements a non-blocking network architecture that avoids Task Watchdog (TWDT) panics and handles memory safely:

Complete REST API: Native Network.get(), post(), put(), delete(), and request() bindings with configurable timeouts.
Memory-Optimized TLS: Uses Maximum Fragment Length Negotiation (MFLN) to drop mbedTLS buffer usage from 32 KB down to ~3 KB, leaving internal SRAM free for execution.
Direct Storage Streaming: Network.downloadFile() streams remote files into LittleFS or SD storage in 1024-byte chunks with real-time download progress callbacks, preventing heap exhaustion.
W3C-Standard WebSockets: Native C++ engine with automated 20-second ping/pong frames to keep NAT connections alive for live telemetry and IoT dashboards.
Smart Wi-Fi Manager: Multi-network persistence (known_networks.json) with RSSI sorting, automatic failover, and lightweight WAN reachability verification.

Sample: Running a 3D Scene in JavaScript

Writing an application for KryonOS is straightforward for anyone familiar with basic JavaScript:

// Initialize 3D Viewport in PSRAM
if (Kryon3D.begin(240, 320, 16)) {
    Kryon3D.setCamera(0, 2.0, -4.0, 0, 0, 0, 60);
    Kryon3D.setLight(0.5, 1.0, -0.7, 0.3, 0.7);

    var angle = 0;

    while (true) {
        Kryon3D.clear(0x0000); // Clear buffer

        // Draw a rotating lit 3D cube
        angle += 0.05;
        Kryon3D.drawCube(0, 0, 0, 1.5, 1.5, 1.5, angle, angle * 0.5, 0, 0xFD20, true);

        // Draw 2D HUD over 3D scene
        System.drawString("FPS: 30", 10, 10, 2);

        // Push frame to physical glass (Zero Flickering)
        Kryon3D.render(0, 0);

        System.delay(16);
    }
}

Hardware Support: Stable vs. Experimental Boards

KryonOS is built to support a range of popular maker hardware, with clear milestones across devices:

ESP32 + ILI9341 2.8" SPI Touch: The flagship reference platform with full, battle-tested Stable support.
ESP32 Cheap Yellow Display (CYD): While we ran experimental builds of KryonOS v1.0.0 during internal lab testing, those were not published as standalone binaries. With v2.0.0, CYD is officially supported with a fully tested, stable binary ready to flash directly to your board.
M5Stack Cardputer & LilyGO T-HMI: Currently in active Experimental status as we optimize key layouts and display bus timings.

Check out the repository, run the code on your own hardware, or leave a star to follow along with the upcoming v2.0.0 release!

Explore the KryonOS GitHub Repository

Haris16-code / KryonOS

KryonOS is an ESP32 GUI operating system with a JavaScript runtime for apps. It provides a real touch-based interface and allows installing and running JS apps dynamically without reflashing firmware.

KryonOS

ESP32 + ILI9341 2.8" (Touch)	Multiple Devices (Lab Overview)	M5Stack Cardputer	CYD (Cheap Yellow Display)	LilyGO T-HMI
Stable 🟢	Experimental 🧪	Experimental 🧪	Experimental 🧪	Experimental 🧪

Features

JavaScript App Runtime: Execute interactive JS apps natively on the ESP32 using the optimized Duktape engine.
Rich UI & Graphics: Built-in graphics library with double-buffering support for smooth, tear-free 2D and 3D rendering.
App Store & Installer: Browse, download, and install JavaScript apps and updates dynamically over Wi-Fi.
File Management: Fully functional file explorer and text editor utilizing the SD Card for storage.
Hardware API:…

View on GitHub

Support KryonOS

If you find KryonOS useful and want to support its development, you can contribute toward new hardware, testing, and support for additional boards.

Support KryonOS

How to Protect Your Links with a Password

Haris — Wed, 20 May 2026 09:13:47 +0000

Protecting your short links in Trakio allows you to control access and ensure only users with the correct password can reach your destination URL. This feature is useful for private content, client resources, or restricted access links.

Step 1: Log in to Your Trakio Account

Open the login page and sign in to your dashboard:

Trakio Login

Step 2: Open the Links Section

After logging in:

Go to the sidebar menu
Click on “Links”
Select “Create Link”

Step 3: Create a Password-Protected Link

Fill in the required fields:

Destination URL
Short Link

Scroll down to the Privacy section.

There you will find the option:

Password Protect (toggle)

Enable the toggle, then:

Enter your desired password in the password field

Finally, click Create Link.

Step 4: What Happens After Creation

Once the link is created:

Users opening the link will see a password screen first
They must enter the correct password to access the original URL
The system is secured by Trakio Secure, which includes:
- Rate limiting protection
- Bot protection
- Access control safeguards

Step 5: Edit an Existing Link

If the link already exists, you can still modify it:

Open the Links list
Click the Edit button on the specific link
Scroll to the Privacy section
Enable Password Protect and set or update the password
Save changes

Step 6: Remove Password Protection

To disable password protection:

Open the link in Edit mode
Turn off the Password Protect toggle
Save the changes

After this, the link will become publicly accessible again.

I built a chrome extension that will create trackable links

Haris — Sat, 14 Feb 2026 04:13:18 +0000

Try Here: Trakio - Create Trackable Links - Chrome Extension

Trakio - Create trackable links with real-time analytics & control

Haris — Sun, 01 Feb 2026 03:20:05 +0000

🎉 Introducing Trakio – The Ultimate Link Management Platform! 🚀

Hey everyone! I’m excited to share Trakio, a smart, all-in-one platform designed to help marketers, teams, agencies, and businesses track, optimize, and control links like never before.

Why Trakio?
🔗 Unlimited Link Management – Create unlimited links, custom slugs, and IDs, with full control over every link.

📊 Real-Time Analytics – Track clicks, traffic sources, devices, locations, and top-performing links. Export reports in CSV.

🧠 Trakio AI Insights – Our rule-based AI analyzes link performance, highlights high-performing links, and generates optimization reports.

🎯 Smart Redirection & Automation – Redirect links based on device type, country, or custom rules. Perfect for campaigns.

🔐 Secure & Protected – Password-protect links, prevent unauthorized access, and block suspicious traffic.

👥 Team Collaboration – Add up to 10 team members (and more upon request), assign roles, and chat internally to streamline your workflow.

📢 Marketing & Retargeting Tools – Integrate Facebook retargeting pixels (Beta), track conversions, and optimize campaigns.

🎨 SEO & Social Control – Customize meta titles, descriptions, and social previews for every link.

💡 Special Offer: To celebrate our launch, Discord users can get 20% OFF the Premium plan with promo code: TRAKIO20OFF (limited time).

Trakio is built for anyone who wants full control and accurate insights into their links — from solo marketers to large teams. Stop guessing, start tracking, and grow with confidence.

🔗 Check it out and start your link journey today: Try Trakio Free

Open Source Project

Haris — Sun, 25 Jan 2026 23:22:03 +0000

How I Fit Flappy Bird into a Single QR Code

Haris ・ Jan 25

#webdev #javascript #python #showdev

An amazing and curious project

Haris — Sun, 25 Jan 2026 22:45:27 +0000

How I Fit Flappy Bird into a Single QR Code

Haris ・ Jan 25

#webdev #javascript #python #showdev

How I Fit Flappy Bird into a Single QR Code

Haris — Sun, 25 Jan 2026 18:56:49 +0000

Discover how Flappy Bird fits inside a single QR code using a Python tool, data URI, and minimalist HTML/JS design — scan to play instantly.

It started with a quiet thought, one that refused to leave my head:

What is the absolute smallest place a real game can live?

Not a download. Not a website link. The game itself.

I picked Flappy Bird. Why? Because it doesn’t lie. If gravity feels off, you notice. If collision fails, the illusion breaks. If timing is off, it’s unplayable.

If this game survived compression, it meant the idea worked.

Step One: Breaking Comfort

QR codes hate comfort.

They hate images.
They hate libraries.
They hate anything that isn’t essential.
So I stopped thinking like a web developer and started thinking like a machine.
No sprites
No fonts
No frameworks

The bird became a shape. The pipes became rectangles. The sky became a color fill. Everything was drawn inside a single

element.

Here’s a glimpse of the code skeleton:

<canvas id="c" width="320" height="480"></canvas>
<script>
b = { y: 220, v: 0 }; // Bird
p = [];                // Pipes

function loop() {
  // gravity
  // pipes
  // collision
}

loop();
</script>

Notice something? That’s all I’m showing. Enough to hint at the game — but not enough to give it away.

Step Two:

I could tell you how I handled gravity, pipes, collisions, scoring… but then the secret would be gone.

This experiment is about precision, compression, and ingenuity. Every character mattered. Every symbol had a cost.

This tool is not limited to games. It can package any kind of HTML, CSS, or JavaScript — from demos and experiments to landing pages, interactive tools, or visual ideas — directly into a single QR code.

The game fits entirely inside a single QR code. No downloads. No fetching. Just scan. Tap. Play.

If you’re curious how I made it happen, and want to see the full story, complete with the Python tool and the actual game code, you can read it here:

➡️ Read the full story

JavaScript Cheat Sheet – Complete Modern JS Reference (ES6+)

Haris — Sun, 25 Jan 2026 13:52:55 +0000

A comprehensive JavaScript cheat sheet covering variables, functions, arrays, objects, DOM manipulation, async/await, and essential ES6+ features — presented as a fast, static HTML reference.

DEV Community: Haris

KryonOS v2.0.0 brings a JavaScript GUI OS to ESP32-S3 (N16R8), Cardputer, CYD, and LilyGO T-HMI with a 3D engine

What's New in v2.0.0

1. Multi-Board Hardware Abstraction Layer (HAL)

2. Smart Wireless Over-The-Air (OTA) Updates

3. KryonCloud Platform & Account Integration

4. New JavaScript Runtime Engines & APIs

5. Async Web Manager & Storage Dashboard Redesign

Changes & Improvements

Flashing Instructions

Flashing ESP32-S3 Targets (ESP32-S3 DevKitC-1, Cardputer, T-HMI)

Flashing Standard ESP32 Targets (DevKit V1, ESP32-CYD-28)

Hardware Requirements

Primary Setup (Recommended)

Supported All-in-One Targets

Star the Project

Support Hardware Acquisition & Testing

Give a star to KryonOS Github Repository: https://github.com/Haris16-code/KryonOS

A GUI JavaScript Operating System For The ESP32

GitHub - Haris16-code/KryonOS: KryonOS is an ESP32 GUI operating system with a JavaScript runtime for apps. It provides a real touch-based interface and allows installing and running JS apps dynamically without reflashing firmware. · GitHub

A GUI JavaScript Operating System For The ESP32

Haris16-code / KryonOS

KryonOS is an ESP32 GUI operating system with a JavaScript runtime for apps. It provides a real touch-based interface and allows installing and running JS apps dynamically without reflashing firmware.

KryonOS

Features

Meet KryonOS: An Open-Source Graphical OS and JavaScript Runtime for the ESP32

Why an OS on a Microcontroller?

Hardware-Accelerated 3D on a Microcontroller: The Kryon3D Engine

Modern Networking: Full REST, Streaming, and WebSockets

Sample: Running a 3D Scene in JavaScript

Hardware Support: Stable vs. Experimental Boards

Haris16-code / KryonOS

KryonOS is an ESP32 GUI operating system with a JavaScript runtime for apps. It provides a real touch-based interface and allows installing and running JS apps dynamically without reflashing firmware.

KryonOS

Features

Support KryonOS

Support KryonOS

How to Protect Your Links with a Password

Step 1: Log in to Your Trakio Account

Step 2: Open the Links Section

Step 3: Create a Password-Protected Link

Step 4: What Happens After Creation

Step 5: Edit an Existing Link

Step 6: Remove Password Protection

I built a chrome extension that will create trackable links

Trakio - Create trackable links with real-time analytics & control

Open Source Project

How I Fit Flappy Bird into a Single QR Code

Haris ・ Jan 25

An amazing and curious project

How I Fit Flappy Bird into a Single QR Code

Haris ・ Jan 25

How I Fit Flappy Bird into a Single QR Code

Step One: Breaking Comfort

Step Two:

JavaScript Cheat Sheet – Complete Modern JS Reference (ES6+)

show your projects

Show What You’re Building on HarisLab Hub – Share Projects & Ideas

Haris ・ Jan 25

Search Powered by Algolia

A simple place to share ideas, ask questions, and show what you’re building

Haris ・ Jan 23