Josiah Johnmark
Full-Stack Developer & Designer (AI-Native Workflow)
New to Contra
Josiah is building their profile!
i vibe coded a 6-DOF Robot Arm Visualizer! 🦾✨
Built a precision industrial arm from scratch featuring:
🎯 Real-time IK Tracking — Draggable 3D targets with CCD solver
⚡ Laser System — Dynamic targeting with hit detection & bloom FX
🔄 Smooth Motion — Procedural sine-wave animations + weighted manual control
🛠️ Tech Stack — React, Three.js (R3F), and Tailwind CSS
#Threejs #ReactJS #Robotics #WebDev #BuildInPublic #3D #CreativeCoding #Javascript #Engineering
0
1
i used gemini3.0 + nanobanana+ klingai to build this cool interactive site
vibe coding is really cool
whats your take on this
1
3
I built this prototype for website using google ai studio, kling ai for the vid generation which i use for the hero section and footer of the site, framer motion for the cool motions, three.js
its so impressing to see how ai has really ease work for many developers and motion designers
#googleaistudio #klingai #available #josiahjohnmark #gemini3.0 #motiondesign
0
6
i build this using google ai studio, kling ai, and nano banana for image generation
a website for aviation companies, just a prototype
#googleaistudio #klingai #josiahjohnmark #availableforhire #creativity
0
5
i build this website using google ai studio+kling ai
added
âś… Scroll-synced image sequences (272 frames) for performance-grade animation.
âś… Generative typography transitions using Motion (Framer Motion).
âś… Interactive 3D hardware viewer integrated with Three.js.
âś… Mouse-parallax background effects for added depth.
#googleaistudio #klingai #space #work #available #josiahjohnamrk
0
5
Ai is really easing work for web developers and designer
i tried building a site inspired by landonorris website design and structure, i used google ai studio to achieve this, and used it as a hero section for a prototype portfolio design
#gemini3.0 #googleaistudio #motiondesign #klingai #josiahjohnmark #landonoris
0
4