Login

u/Ok_Refrigerator9802

r/webdev r/SideProject r/design_critiques r/LeagueMarket r/Moroccopreneur r/CitiesSkylines r/astrojs r/coolgithubprojects r/LoLAccountTrading r/Windhawk r/MouseReview r/attacksharkgaming r/threejs
▲ 1 r/design_critiques

[Website] Dark glassmorphic portfolio with Three.js liquid shaders & micro-interactions -- Looking for UI/UX critique!

Hey r/design_critiques!

I’m a 16-year-old independent developer, and I just launched my personal website and project hub: https://incconutwo.com

My goal was to design an atmospheric, dark-mode glassmorphic interface that feels tactile and alive through micro-interactions, without feeling cluttered or sacrificing readability.

Design Concept & Visual Choices:

  • Typography Pair: Combined Syne (Extra-Bold 800) for cinematic display headers with Inter (Variable 100–900) for body copy.
  • Dynamic Ambient Lighting: Built a Three.js liquid gradient shader background that dynamically samples RGB color palettes from my live Spotify album art and smoothly blends the background shader colors.
  • Context-Aware Pointer Tracking: Glassmorphic cards feature dynamic blur glow effects (.hover-card) that track cursor direction and velocity.
  • Information Hierarchy: Curated 3 flagship projects on the homepage first, with an inline GSAP grid expansion to explore all 15+ projects without context switching.
  • Color Tokens: Deep Navy base (#0a0e27) with Emerald Green (#1f8a5f) and Neon Purple (#b14cff) glass accents.

Specific Areas I’d Love Critique On:

  1. Visual Hierarchy & Contrast: How readable are the frosted glass cards across desktop and mobile? Is the text contrast sufficient over the ambient background?
  2. Ambient WebGL Shader Background: Does the liquid gradient background feel subtle and immersive, or is it too visually distracting from the content?
  3. Typography & Scaling: How does the font pairing (Syne headers + Inter body) feel across viewports?
  4. Mobile UX: Are there any awkward spacing gaps or layout shifts on small mobile screens?

Live Link: https://incconutwo.com
Bio Hub: https://incconutwo.com/links

Thanks in advance for any feedback or suggestions!

reddit.com
u/Ok_Refrigerator9802 — 12 days ago
▲ 1 r/coolgithubprojects

[Astro / WebGL] incconutwo.com - Open-source portfolio with Three.js liquid shaders, serverless API proxies, and Playwright telemetry

Hey everyone! I just open-sourced my personal website repository built with Astro 5, Three.js, GSAP, and Vercel Serverless Functions.

Key Technical Features in the Repo:

  • Ambient WebGL Shader Background: Three.js fragment shader that dynamically extracts RGB color palettes from live Spotify album art via offscreen canvas sampling.
  • Autonomous CWS Telemetry Pipeline (scripts/cws-collector/): A scheduled GitHub Actions + Playwright runner that reverse-engineers Chrome Web Store dev console RPC data (SnapcatUi/data/batchexecute), rotates encrypted cookies, and stores 90-day time-series stats in Upstash Redis.
  • Serverless Edge API Proxies (src/pages/api/*): Isolated routes for Spotify, Steam, Lichess, and GitHub stargazer counts with in-memory caching to prevent rate limits.
  • 100/100 Lighthouse Performance: Zero render-blocking assets, preloaded fonts/images, layout-shift (CLS) pre-reserved containers, and modular Vanilla CSS.
  • Live Demo: https://incconutwo.com
  • GitHub Repo: https://github.com/incconutwo/incconutwo.com
  • License: MIT
github.com
u/Ok_Refrigerator9802 — 14 days ago
▲ 79 r/Windhawk

[Mod Update] Taskbar Dock Animation Plus v2.0.1 – Multi-Monitor Stability, All Taskbar Positions & Smooth Physics (6,200+ Users)

Hey r/Windhawk!

I wanted to share an update on Taskbar Dock Animation Plus (currently at 6,200+ active users on the Windhawk repository).

This is a maintained fork of the original Taskbar Dock Animation mod created by Ph0en1x-dev, focused on full Windows 11 compatibility, multi-monitor stability, and positioning fixes.

Key Additions in this Version:

  • Support for All Taskbar Placements: Works seamlessly whether your taskbar is positioned on the Bottom, Top, Left, or Right.
  • Multi-Monitor Stability: Fixed crashes, scaling bugs, and mouse-leave issues when using multiple displays or mixed-DPI setups.
  • Smoother Animation Transitions: The idle "breathing" and bounce animations now fade in/out smoothly instead of snapping abruptly.
  • Instant Live Updates: Settings and position changes apply in real time as you move your taskbar, with zero Explorer restarts required.

Usage Tip:

If you use taskbar height or icon-scaling mods, keep the Max Scale at or below 130% to avoid icon clipping.

Feel free to share any feedback, ideas for animation curves, or bug reports in the comments!

u/Ok_Refrigerator9802 — 14 days ago
▲ 3 r/threejs

Extended Cameron Knight's liquid gradient shader to dynamically sync uniform colors with live Spotify album art (Three.js + Astro 5)

Hey r/threejs!

I recently shipped a redesign of my personal website (https://incconutwo.com | GitHub Repo).

The ambient WebGL background is adapted from Cameron Knight’s (Beings) awesome Interactive Liquid Gradient CodePen. I loved the fluid motion of his setup, so I extended it to build a real-time reactive background that syncs with my live Spotify playback.

My Technical Extensions & Modifications:

  1. Dynamic Spotify Color Palette Extraction:
    • An Astro serverless API proxy (/api/spotify/now-playing) fetches current track status.
    • The album art image is sampled via an offscreen HTML5 canvas to extract quantized RGB color palettes using saturation & lightness weighting.
    • The primary/secondary colors are passed to Three.js uniform vectors (uColor1, uColor3, uColor5), which smoothly transition shader colors via GSAP when a track changes.
  2. Touch & Cursor Ripple Physics (TouchTexture):
    • Cursor and touch motion write trail points to an offscreen 2D canvas texture with decay age.
    • The uTouchTexture uniform is sampled in the fragment shader to perturb UV coordinates, creating fluid water ripples and distortion.
  3. Performance & GPU Optimizations:
    • Uses an IntersectionObserver to pause the WebGL rendering loop (setAnimationLoop(null)) when scrolling past the hero section.
    • Listens to the visibilitychange API to freeze rendering when the browser tab is hidden.
    • Pixel ratio is dynamically capped on mobile devices (window.innerWidth <= 768) to preserve high FPS on low-power GPUs.

Links & Credits:

Would love any feedback from the community on shader performance, color quantization, or WebGL math optimizations!

reddit.com
u/Ok_Refrigerator9802 — 15 days ago
▲ 34 r/astrojs+1 crossposts

Built my portfolio with Astro 5, WebGL liquid shaders, and live API proxies (100 Lighthouse score) - Feedback welcome!

Hey r/AstroJS!

I’m a 16-year-old developer from Morocco, and I just finished shipping my personal site/portfolio built entirely with Astro 5: https://incconutwo.com

I chose Astro because I wanted a single-page, hyper-fast site that could handle complex WebGL graphics without sacrificing performance.

How I Built It & Astro Features Used:

  • Astro Server Routes (src/pages/api/*): Built serverless proxy endpoints on Vercel to fetch live Spotify now-playing data, Steam status, Lichess chess ratings, and GitHub star counts. This keeps all my API keys hidden and uses in-memory caching to protect rate limits.
  • Astro 5 Content Collections: Leveraged the new file() loader in content.config.ts to strictly type and load my project data (projects.json).
  • Dynamic WebGL Color Sync: The Three.js liquid background dynamically extracts color palettes from my live Spotify album art via server routes and smoothly blends the shader background colors.
  • SPA Navigation: Integrated <ClientRouter /> alongside Lenis smooth scrolling and GSAP scroll triggers for seamless transitions.
  • Inline Expandable Project Catalog: The homepage shows 3 featured projects first, then expands in-place to the full 15-project catalog with GSAP, keeping visitors on the page.

Would genuinely appreciate any feedback from the Astro community on the architecture, UX, or performance!

(Site link: https://incconutwo.com)
(source code: https://github.com/incconutwo/incconutwo.com)

u/Ok_Refrigerator9802 — 12 days ago
▲ 54 r/MouseReview

[UPDATE] Mouse Battery Tray v1.2.1: Added Pulsar, WLMouse &amp; VXE support, Hours Estimate, Low Battery Alerts &amp; Auto-Theme!

Hey everyone!

A little while ago, I shared a lightweight, open-source Windows taskbar battery indicator designed to replace bloated OEM hub software for Attack Shark mice.

Thanks to feedback and hardware dump contributions from this amazing community, v1.2.1 is officially out! We’ve massively expanded brand support beyond Attack Shark to include Pulsar, WLMouse, VXE, and Hitscan Hyperlight, Razer, added intelligent battery estimates, and overhauled the design!

🚀 What's New in v1.2.1:

1. ⚡ Expanded Multi-Brand Support

  • Attack Shark: X11, X6, X3, R1
  • WLMouse: Beast X, Beast X Mini Pro (protocol reverse-engineering credit to u/linuxx1)
  • Pulsar: Xlite Wireless, 8K Dongle Gen.2 (thanks to u/CptNinja & TwistedVincenzo)
  • VXE: R1, R1 SE, R1 SE+ (CompX, Evision, and Zikway dongles thanks to u/nzeck1
  • Generic Fallback: Still auto-detects unlisted Beken / CompX OEM wireless mice out of the box!

2. ⏳ Intelligent Hours Estimate (~12h / ~4h 30m)

  • Tracks your real-time discharge slope and displays minimalistic predictions in the taskbar tooltip.
  • Smart Drop-Anchoring: Ignores idle/sleep gaps and waits for your mouse's first true 1% battery drop to avoid false initial estimates. Can be toggled on/off in the menu.

3. 🌗 Auto Windows Light/Dark Theme Detection

  • Automatically detects if your Windows taskbar is using Light Mode or Dark Mode and dynamically adjusts text colors for crisp, high-contrast readability without bloat.

4. 🔔 Configurable Low Battery Toast Notifications

  • Sends native Windows toast alerts when your battery reaches a threshold of your choice (25%, 20%, 15%, 10%, or Disabled).

5. 🛠️ Under-the-Hood Polish & 0% RF Battery Drain

  • 0% Mouse RF Battery Impact: Passively reads incoming receiver packets — never sends active RF requests that drain your mouse battery.
  • Single Instance Guard: Win32 Named Mutex guard prevents running duplicate app instances.
  • Silent Update Checker: Checks for new GitHub releases directly from the right-click menu.
  • Ultra-Lightweight: Minimal CPU and RAM footprint.

📥 Download & Open-Source Code:

🤝 Want to add your mouse to the list?

If your mouse isn't fully recognized or displays as a generic device, we included a 2-step standalone Hardware ID Extractor wizard (dump_devices.exe in Releases). Just run it, let it scan your mouse in wireless/wired modes, and drop the output in a GitHub Issue or reply below!

Huge thanks to everyone who starred the repo, tested builds, and shared device dumps. Let me know if you have any feedback or feature requests!

u/Ok_Refrigerator9802 — 27 days ago
▲ 1 r/Moroccopreneur

Just launched my personal/portfolio site — feedback welcome

Spent about 6 months building this on and off, finally shipped it a week ago.

🔗 https://incconutwo.com

It's where I'm putting everything. projects, extensions I've built, whatever I'm working on next and a bit about me. Would genuinely appreciate any feedback: design, UX, copy, anything that stands out (good or bad).

reddit.com
u/Ok_Refrigerator9802 — 1 month ago
▲ 3 r/SideProject

I made a lightweight Windows taskbar battery indicator for Attack Shark &amp; Beken-OEM mice!

Hi everyone,

I created a tiny, open-source Windows taskbar battery indicator to replace the bloated official software for Attack Shark and similar Beken-OEM wireless mice.

Features:

* 100% Free & Open-Source: No paywalls, ads, or "$4.99 VIP upgrades" to unlock 2.4G device tracking.

* Tray Indicator: Displays live battery percentage directly in your taskbar.

* Color-coded: Changes color based on battery levels (Green, Orange, Red).

* Status Detection: Shows `Chg` when plugged in, and `??` when asleep or offline.

* Start with Windows: Toggle startup directly from the tray menu (no Admin/UAC prompts).

* Universal Fallback: Pre-configured for the X11, R1, X3, and X6, with generic fallback for any Beken-OEM mouse (`VID 0x1d57`).

* No Bloat: Near-zero CPU and <1MB RAM.

🔗 GitHub (Script & Standalone EXE): https://github.com/incconutwo/attack-shark-battery-tray

Note: Since it reads directly from the USB HID endpoint, make sure to close the official driver so it doesn't lock the port. Feedback/new Product ID contributions are welcome!

u/Ok_Refrigerator9802 — 1 month ago
▲ 104 r/attacksharkgaming+2 crossposts

I made a lightweight Windows taskbar battery indicator for Attack Shark &amp; Beken-OEM mice!

Hi everyone,

I created a tiny, open-source Windows taskbar battery indicator to replace the bloated official software for Attack Shark and similar Beken-OEM wireless mice.

Features:

* 100% Free & Open-Source: No paywalls, ads, or "$4.99 VIP upgrades" to unlock 2.4G device tracking.

* Tray Indicator: Displays live battery percentage directly in your taskbar.

* Color-coded: Changes color based on battery levels (Green, Orange, Red).

* Status Detection: Shows `Chg` when plugged in, and `??` when asleep or offline.

* Start with Windows: Toggle startup directly from the tray menu (no Admin/UAC prompts).

* Universal Fallback: Pre-configured for the X11, R1, X3, and X6, with generic fallback for any Beken-OEM mouse (`VID 0x1d57`).

* No Bloat: Near-zero CPU and <1MB RAM.

🔗 GitHub (Script & Standalone EXE): https://github.com/incconutwo/attack-shark-battery-tray

Note: Since it reads directly from the USB HID endpoint, make sure to close the official driver so it doesn't lock the port. Feedback/new Product ID contributions are welcome!

u/Ok_Refrigerator9802 — 1 month ago
▲ 14 r/CitiesSkylines

This game is so detailed that you could probably fit a fully working mini-game inside it.

reddit.com
u/Ok_Refrigerator9802 — 1 month ago
▲ 1 r/LoLAccountTrading

[WTB] [NA/EUW] Level 30+ Ranked-Ready Accounts (Fresh MMR / Unverified) - Looking for long-term partner

Hi everyone,

I am looking to source high-quality, unverified NA and EUW Ranked-Ready accounts (Level 30+, fresh MMR, 20+ champions).

My Requirements:

  • Region: NA & EUW
  • Email: Unverified / Full Access (Changeable instantly)
  • Quality: Hand-leveled or high-quality (Vanguard-safe)
  • MMR: Fresh/unranked

I want to start with a small test batch (2 to 5 accounts) to verify quality and security. If the accounts are stable, I am looking to establish a long-term partnership for daily/weekly bulk purchases (10+ accounts daily).

Payment Methods: USDT (TRC20), Binance Pay, or Payoneer.

Please DM/PM me with your price per unit, current stock, and any vouches you have. Thank you!

reddit.com
u/Ok_Refrigerator9802 — 3 months ago
▲ 1 r/LeagueMarket

[WTB] [NA/EUW] Level 30+ Ranked-Ready Accounts (Fresh MMR / Unverified) - Looking for long-term partner

Hi everyone,

I am looking to source high-quality, unverified NA and EUW Ranked-Ready accounts (Level 30+, fresh MMR, 20+ champions).

My Requirements:

  • Region: NA & EUW
  • Email: Unverified / Full Access (Changeable instantly)
  • Quality: Hand-leveled or high-quality (Vanguard-safe)
  • MMR: Fresh/unranked

I want to start with a small test batch (2 to 5 accounts) to verify quality and security. If the accounts are stable, I am looking to establish a long-term partnership for daily/weekly bulk purchases (10+ accounts daily).

Payment Methods: USDT (TRC20), Binance Pay, or Payoneer.

Please DM/PM me with your price per unit, current stock, and any vouches you have. Thank you!

reddit.com
u/Ok_Refrigerator9802 — 3 months ago
▲ 1 r/LoLAccountTrading

[WTB] [NA/EUW] Level 30+ Ranked-Ready Accounts (Fresh MMR / Unverified) - Looking for long-term partner

Hi everyone,

I am looking to source high-quality, unverified NA and EUW Ranked-Ready accounts (Level 30+, fresh MMR, 20+ champions) .

My Requirements:

  • Region: NA & EUW
  • Email: Unverified / Full Access (Changeable instantly)
  • Quality: Hand-leveled or high-quality (Vanguard-safe)
  • MMR: Fresh/unranked

I want to start with a small test batch (2 to 5 accounts) to verify quality and security [6]. If the accounts are stable, I am looking to establish a long-term partnership for daily/weekly bulk purchases (10+ accounts daily).

Payment Methods: USDT (TRC20), Binance Pay, or Payoneer.

Please DM/PM me with your price per unit, current stock, and any vouches you have. Thank you!

reddit.com
u/Ok_Refrigerator9802 — 3 months ago
▲ 1 r/LeagueMarket

[WTB] [NA/EUW] Level 30+ Ranked-Ready Accounts (Fresh MMR / Unverified) - Looking for long-term partner

Hi everyone,

I am looking to source high-quality, unverified NA and EUW Ranked-Ready accounts (Level 30+, fresh MMR, 20+ champions).

My Requirements:

  • Region: NA & EUW
  • Email: Unverified / Full Access (Changeable instantly)
  • Quality: Hand-leveled or high-quality (Vanguard-safe)
  • MMR: Fresh/unranked

I want to start with a small test batch (2 to 5 accounts) to verify quality and security. If the accounts are stable, I am looking to establish a long-term partnership for daily/weekly bulk purchases (10+ accounts daily).

Payment Methods: USDT (TRC20), Binance Pay, or Payoneer.

Please DM/PM me with your price per unit, current stock, and any vouches you have. Thank you!

reddit.com
u/Ok_Refrigerator9802 — 3 months ago