Vibe Coding Design & Research

​In my portfolio’s “Vibe Code” section, I showcase AI-assisted programming experiments where I translate design concepts into functional code. This includes converting Figma layouts into working applications and exploring various AI tools that facilitate design-to-code transformations. These projects represent early prototypes and serve as a playground for me to learn, experiment, and grow my knowledge in integrating design with code.

Simple Design and Color APP.

Vibe Coding’s Design and Color is a browser-based digital art tool featuring customizable brushes, layer management, and intuitive tools like brush, smudge, text, and crop. Users can draw, edit, and export artwork directly in the browser with real-time previews and smooth interactions

Rubix’s Cube Experiment 

This interactive 3D Rubik’s Cube was built using Three.js and Tween.js to explore real-time animations, 3D object manipulation, and user interaction. It features scramble and solve functions, draggable cube rotations, and a custom UI—serving as an experimental project to deepen my understanding of WebGL, physics-based motion, and spatial UX.

APP Design Experiment

Vibe Coding’s latest experiment leverages AI to transform a Figma mockup into a functional code prototype. This test project reflects an ongoing journey of learning and exploration, where innovative technology meets creative design. By translating a design file into code, I’m gaining valuable insights into the potential of AI-assisted workflows and how they can streamline the transition from concept to execution. This early-stage experiment not only demonstrates a practical application of emerging tools but also serves as a stepping stone toward more sophisticated design solutions in the future.

Experimental Home page design 

This design features a sleek, two-column layout where a stylish text overlay introduces the designer using modern fonts and a refined color palette, while an interactive Three.js canvas on the right displays a dynamically rotating torus knot with textured details and responsive spark effects triggered by user interaction..

3D Planet Design Experiment

This project is an interactive 3D solar system simulation built using HTML, CSS and Three.js. It features dynamic animations, smooth camera transitions and intuitive controls. The project includes a planet selection sidebar and an adjustable speed slider that create an engaging immersive visual experience and demonstrate my design and coding skills.