This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want! 😎 Built with gradio.Server — bring any frontend you want 👍 Gradio handles queuing, high performance, scaling, ZeroGPU, and the API end-points Full blog post + play with the live app on Hugging Face: https://lnkd.in/g9FEVsha

Built something really cool last night and I can't stop thinking about it I made a real-time hand tracking AR experience called HandConnect — completely from scratch, in one night. Here's what it does: Tracks your hands live through the webcam Draws neon lightning arcs between your fingers Spawns glowing particles at your fingertips Creates a mandala pattern when both hands are visible Detects pinch gestures and triggers a shockwave effect Has a Matrix-style rain background that reacts to your hand speed 5 color themes — Rainbow, Cyberpunk, Lava, Ocean, Galaxy The tech stack behind it: → HTML5 Canvas (two layered canvas elements for effects) → JavaScript (game loop using requestAnimationFrame) → MediaPipe Hands by Google (AI model that gives 21 landmark points on your hand — runs entirely in the browser via WebAssembly) → Web Audio API (generates real sounds — zap on pinch, hum when hands get close) → CSS Glassmorphism for the HUD overlay → Zero frameworks. Zero backend. Zero installation. Just one HTML file. What blew my mind is that MediaPipe runs a full AI model inside the browser. No server. No Python. No GPU required. The model detects 21 points on your hand every single frame and your browser does all the math. But here's my next challenge — The same thing can be built with Python using: → OpenCV (cv2) — for webcam access and drawing → MediaPipe Python — same AI, different environment → NumPy — for pixel-level canvas manipulation So now I'm going to rebuild the same project in Python. Not because I have to — but because I want my Python skills to actually get better. Doing it through something I genuinely enjoy building feels way more effective than following a tutorial. One night. One HTML file. A lot learned. Try it yourself — no install needed, just open and show your hand: https://lnkd.in/gFkRqifi #WebDevelopment #JavaScript #MediaPipe #ComputerVision #HandTracking #Python #OpenCV #HTML5 #BuildInPublic #100DaysOfCode

This time, I am testing out the Google Mediapipe algorithm in Derivative's TouchDesigner! I am aware that there is a plugin that allows access to Mediapipe, but I wanted to test sending OSC signals from Python into TouchDesigner directly, so I can send those signals in other software like Unreal Engine with relative ease (hopefully). There is a slight delay in the video because of recording from 2 different video sources. Also, please ignore my frowny face; I'm just camera shy. FYI, this work was inspired by that scene from Project Hail Mary (how good was that movie?) #touchdesigner #audioreactive #madewithtouchdesigner #creativecoding #generativeart #creativetechnology #realtimevisuals #livevisuals #generativedesign

I stopped using Canva 3 months ago. Not because I found a better design tool. Because I stopped designing altogether. Here's the full system: → Claude Code writes the HTML carousel → Python exports all 7 slides automatically → Caption written in the same session → Scheduled and posted — without touching any design app I just write what I want. The rest runs itself. This carousel? Built exactly like that. Comment CAROUSEL so I can DM you the setup. Prompts, Python scripts, export pipeline. Everything.

Github: https://lnkd.in/gfzkaTYn Stylme, an AI-powered virtual try-on MVP for shopping websites. It combines a Chrome extension and a FastAPI backend to detect apparel product pages, extract product context, let users build a wardrobe across browsing sessions, and generate try-on outputs from uploaded photos. Current MVP includes: - Chrome MV3 side-panel experience - generic apparel detection across shopping sites - wardrobe memory for tops, bottoms, and full outfits - photo upload and camera capture - backend-powered preview and HQ generation - pluggable inference/provider layer Tech stack: TypeScript, React, Chrome Extensions, FastAPI, Python. #AI #ChromeExtension #FastAPI #React #TypeScript #Python

This is Day 4 of my #BuildInPublic Ran streamlit run app.py for the first time. It actually worked. 3 KPI cards across the top: → Outstanding balance → Total paid → Interest accrued 3 charts: → Donut: principal vs interest split → line : payment history → line : projected growth And a sidebar form to record new payments. I used matplotlib for the charts first. It looked fine. Then I switched to Plotly. Completely different experience. Hover tooltips. Interactive zoom. Consistent dark theme. The lesson from this stage: the library you pick for visualisation matters more than the data model. Tomorrow: making it look like a product, not a script. #Streamlit #Python #DataVisualization #BuildInPublic

🚀 I’m thrilled to announce a massive architectural update to the ZenBlue VS Code Theme (v0.1.0)! If you spend 8+ hours a day looking at code, visual clutter, and eye strain are real bottlenecks. I built ZenBlue to fix that. It’s a deep-ocean dark theme designed specifically to reduce eye fatigue and help you lock into a "Zen" flow state. This isn't just a color palette update; it's a complete workbench overhaul. What’s new? ✨ True Semantic Highlighting: A carefully crafted 5-level visual hierarchy (Parameters → Variables → Properties → Functions → Types). Your brain parses logic instantly without relying on a rainbow of distracting colors. ✨ Full Workbench Theming: The integrated terminal, Git file statuses, Peek views, and diagnostics are now completely synced to the deep navy and neon cyan aesthetic. ✨ Language Optimized: Explicit support for React (JSX/TSX), TypeScript, Go, Python, and Rust. If you're looking for a cleaner, calmer editor, give it a try. I'd love to hear your feedback! 👇 🔗 https://lnkd.in/dACwhwTV #VSCode #WebDevelopment #SoftwareEngineering #DeveloperTools #TypeScript #Productivity

"The project is never-ending, but the results are finally here" project is closing in , If you understand the math, you can build anything. Tommorow is the day,Ready to show this to my supervisor tomorrow—wish me luck! I’ve always believed that the best way to understand the web is to build without the "safety net" of heavy libraries. I just finished building 4 custom interactive backgrounds from scratch. The Engineering Breakdown: The Math: Used the distance formula d = sqrt (x2-x1)^2 + (y2-y1)^2 for real-time particle proximity detection and "web" connectivity. The Geometry: Leveraged Math.cos() and Math.sin() for algorithmic shape generation—no static images, just pure trigonometry. The Rendering: Bypassed the React Virtual DOM in favor of the Canvas 2D Context, ensuring a locked 60 FPS by talking directly to the GPU. #Javascript #CanvasAPI #WebPerformance #CreativeCoding #MathInCode 

🐭 What if Tom & Jerry ran on real AI algorithms? That's exactly what I built. Mouse Chase is a browser game powered by Craig Reynolds' Steering Behaviors — the same techniques used in AAA game development — written in vanilla #JavaScript with #p5js. Zero game engine. #GameDevelopment Here's what makes it tick: 🧠 The cat doesn't just follow your cursor — it seeks, predicts, and adapts 🎩 You can spawn decoy mice to confuse the AI 🕳️ Tunnels let you teleport across the map with cooldown logic 🪤 Traps start static, then start moving at level 8 🐛 A debug mode visualizes every force vector in real time 8 levels of escalating chaos — more cats, faster speeds, smarter traps. Level 8 is brutal. 👑 --- 💡 Building this from scratch taught me more about autonomous agent behavior than any tutorial ever could. If you're into behavioral AI, multi-agent simulation, or just love creative coding — this one's for you. 🛠️ Stack: JavaScript ES6 · p5.js · HTML5 · CSS3 👇 GitHub link + live demo in the first comment — PRs welcome! #WebDevelopment #OpenSource #CreativeCoding #SoftwareEngineering #ArtificialIntelligence #Algorithms #FrontendDevelopment #100DaysOfCode #LearnToCode #Programming #ComputerScience #BuildInPublic

🚀 From theory → to visualization 👇 I recently built an Efficient Page Replacement Algorithm Simulator as part of my Operating Systems learning, and I’m excited to share it here! While studying concepts like FIFO, LRU, and Optimal, I realized that understanding them only from textbooks can be confusing. So I decided to build a simulator that shows exactly what happens inside memory step-by-step. 📸 (Screenshot attached below shows the actual simulation output) 💡 What this project does: Simulates FIFO, LRU, and Optimal algorithms Displays step-by-step memory frame updates Clearly shows page hits and page faults Provides graphical comparison for better analysis 🛠 Tech Stack: HTML • CSS • JavaScript • Chart.js Deployed using Vercel 💭 Key Learning: Building this project helped me understand memory management much more deeply. Visualizing concepts makes a huge difference compared to just reading theory. 🌐 Live Demo: https://eparx.vercel.app/ 📂GitHub Repository: https://lnkd.in/g3_pgehs #OperatingSystems #WebDevelopment #JavaScript #StudentProject #LearningByDoing #BuildInPublic #TechProjects