Skip to content

Instantly share code, notes, and snippets.

View aldoyh's full-sized avatar
🎩
I am Laravel-ing

Hasan AlDoy aldoyh

🎩
I am Laravel-ing
View GitHub Profile
@aldoyh
aldoyh / ReadMe.md
Last active July 23, 2025 07:17
محيط الخيال
@aldoyh
aldoyh / Metaballs_Hero_Section.html
Last active July 22, 2025 20:00
[threejs/webgl] ❍ Yet another Metaballs Hero Section with ThreeJS
<section class="section hero-section">
<div id="container"></div>
<div id="stats"></div>
<div id="ui-container"></div>
<div class="header-area">
<div class="logo-container" id="theme-toggle">
<div class="logo-circles">
<div class="circle circle-1"></div>
<div class="circle circle-2"></div>
@aldoyh
aldoyh / GSAP_Heat_Wave_is_Coming.xhtm
Last active July 9, 2025 21:59
Smart Home Temperature Slider
<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/utils/Draggable.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/16327/MorphSVGPlugin.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ThrowPropsPlugin.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/16327/DrawSVGPlugin.js?r=12"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ModifiersPlugin-latest-beta.js"></script>
</head>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 600">
@aldoyh
aldoyh / index.html
Created July 9, 2025 21:41
Morphing Play/Pause (MorphSVG)
<!--------- Osmo [https://osmo.supply/] --------->
<button data-play-pause="toggle" class="play-pause-button">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewbox="0 0 24 25" fill="none" class="play-pause-icon">
<path d="M3.5 5L3.50049 3.9468C3.50049 3.177 4.33382 2.69588 5.00049 3.08078L20.0005 11.741C20.6672 12.1259 20.6672 13.0882 20.0005 13.4731L17.2388 15.1412L17.0055 15.2759M3.50049 8L3.50049 21.2673C3.50049 22.0371 4.33382 22.5182 5.00049 22.1333L14.1192 16.9423L14.4074 16.7759" stroke="currentColor" stroke-width="2" stroke-miterlimit="16" data-play-pause="path" stroke-linecap="round"></path>
</svg>
</button>
<div class="osmo-credits">
<p class="osmo-credits__p">Resource by <a target="_blank" href="https://www.osmo.supply?utm_source=codepen&utm_medium=pen&utm_campaign=gsap-free" class="osmo-credits__p-a">Osmo</a>
@aldoyh
aldoyh / index.html
Created July 9, 2025 02:52
Live News Bulletin💫 Carousel
<header class="header">
<!--ROW-->
<div class="header__row" role="row">
<div class="header__column">
<div class="header__logo">
<a href="#">Yummy <span>Company</span></a>
</div>
</div>
<div class="header__column">
<div class="header__phone">
@aldoyh
aldoyh / app.php
Last active July 5, 2025 22:58
Interactive GitHub Streak Stats Clone in PHP
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interactive GitHub Streak Stats Clone</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
@aldoyh
aldoyh / aldoy_personal_dashboard.html
Created June 19, 2025 12:09
# My Personal Dashboard
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Dashboard</title>
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
<body>
@aldoyh
aldoyh / Beautiful-Audio-Player.markdown
Last active June 8, 2025 07:24
Daily UI #009 - Music Player
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snapping ShadCN-Inspired Landing Page</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" xintegrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
@aldoyh
aldoyh / Music_App_Interaction_GSAP.html
Last active May 29, 2025 21:35
Music App Interaction GSAP
<div class="credits">
<p>
Inspired by
<a
target="_blank"
href="https://dribbble.com/shots/11193305-Music-App-MVP"
>Dribbble Shot</a
>
</p>
</div>