Skip to content

Instantly share code, notes, and snippets.

View iammcoding's full-sized avatar
💭
just coding />

Iammcoding iammcoding

💭
just coding />
View GitHub Profile
@iammcoding
iammcoding / react-dom.html
Created February 28, 2025 23:12
Minimal React-Like Virtual DOM from Scratch in JavaScript
<div id="root"></div>
<script>
// 1. A function to create a virtual DOM element
function createElement(type, props, ...children) {
return {
type,
props: {
...props,
children: children.flat() // Flatten nested arrays of children
}
@iammcoding
iammcoding / plane.html
Created February 18, 2025 21:37
Flying plane game using html css and javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sky Adventure</title>
<style>
* {
margin: 0;
padding: 0;
@iammcoding
iammcoding / val.html
Created February 12, 2025 21:36
Valentine Animation Using Js And CSS
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
@iammcoding
iammcoding / code.html
Created September 16, 2024 22:55
Bricks Tunnel three.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
overflow: hidden;
@iammcoding
iammcoding / code.html
Created September 15, 2024 09:05
Dracula text animation threejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
margin: 0;
@iammcoding
iammcoding / code.html
Created September 13, 2024 02:29
Animated skull threejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
@iammcoding
iammcoding / code.html
Created September 11, 2024 23:08
Text explode animation threejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
margin: 0;
overflow: hidden;
@iammcoding
iammcoding / code.html
Created September 11, 2024 00:12
Animated input threejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
margin: 0;
@iammcoding
iammcoding / code.html
Created September 10, 2024 02:04
three js toy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body,
@iammcoding
iammcoding / code.html
Created September 9, 2024 01:52
Dynamic Three.js Scene with Textures and Interaction
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dynamic Three.js Scene with Textures and Interaction</title>
<style>
body {
overflow: hidden;
margin: 0;