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
69 followers · 199 following
View GitHub Profile
@aldoyh
aldoyh / MicroLanding_GSAP.html
Created May 29, 2025 11:42
<!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>
@aldoyh
aldoyh / neon-glass-context-menu.html
Last active May 16, 2025 13:42
Neon Glass Context Menu
<main id="app">
<header>
<h1>Neon Glass Context menu</h1>
<p>Right-click to open</p>
</header>
<footer class="dark">
<h2>Pick your own colors!</h2>
<input type=range id="h1" min=0 max=360 value=255 />
@aldoyh
aldoyh / flair-confetti.markdown
Created May 5, 2025 14:01
Flair Confetti!
@aldoyh
aldoyh / flip-for-gsap.markdown
Created April 5, 2025 02:48
Flip for GSAP
@aldoyh
aldoyh / hacker-text-scramble-glitch.markdown
Created March 23, 2025 13:24
Hacker Text Scramble Glitch

Hacker Text Scramble Glitch

Matrix-inspired green-on-black design with character-by-character reveal.

A Pen by WebVision on CodePen.

License.

@aldoyh
aldoyh / genuary-18-wind-visualization.markdown
Last active February 24, 2025 07:31
Genuary 18: wind visualization
@aldoyh
aldoyh / flip-card-clock.markdown
Created February 20, 2025 05:07
Flip Card Clock
@aldoyh
aldoyh / SignatreAnimationMaker.html
Last active January 25, 2025 19:12
Signature animation
<div class="modal">
<div class="field-wrapper">
<input autocomplete="off" name="hidden" class="field" maxlength="256" placeholder="Your name" type="text" id="First-name" required="">
<button class="sign">
<svg width="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.72421 4.666H5.13421C4.86052 4.66592 4.59342 4.75007 4.3692 4.90703C4.14498 5.06398 3.97449 5.28614 3.88088 5.54333L1.37421 12.438C1.28555 12.6813 1.34621 12.954 1.52888 13.1373L1.72421 13.3327L6.00555 9.05133C6.00488 9.034 6.00022 9.01667 6.00022 8.99933C6.00022 8.80155 6.05886 8.60821 6.16875 8.44376C6.27863 8.27932 6.43481 8.15114 6.61753 8.07546C6.80026 7.99977 7.00132 7.97996 7.19531 8.01855C7.38929 8.05713 7.56747 8.15238 7.70732 8.29223C7.84717 8.43208 7.94241 8.61026 7.981 8.80424C8.01959 8.99823 7.99978 9.19929 7.92409 9.38202C7.84841 9.56474 7.72023 9.72092 7.55579 9.8308C7.39134 9.94069 7.198 9.99933 7.00022 9.99933C6.98288 9.99933 6.96555 9.99467 6.94822 9.994L2.66688 14.2753L2.8
@aldoyh
aldoyh / aurora-effect.markdown
Created January 21, 2025 03:42
Aurora Effect