Skip to content

Instantly share code, notes, and snippets.

View manfromexistence's full-sized avatar
🏠
Working from home

manfromexistence

🏠
Working from home
View GitHub Profile
@manfromexistence
manfromexistence / liquid-glass-border.tsx
Last active June 17, 2025 17:16
Making liquid glass border
// You must place this file in a Next.js App Router project.
// This is now a client component to allow for hooks and event listeners.
'use client';
import React, { useRef, useEffect } from 'react';
// --- Custom Hook for Mouse Position ---
// This hook tracks the mouse's position relative to the center of an element
// and updates a CSS custom property '--angle' to be used in styles.
const useMousePosition = (elementRef: React.RefObject<HTMLElement>) => {
@realvjy
realvjy / ChoasLinesShader.metal
Last active October 31, 2025 05:17
Choas Lines - Metal Shader
// Lines
float hash( float n ) {
return fract(sin(n)*753.5453123);
}
// Slight modification of iq's noise function.
float noise(vector_float2 x )
{
vector_float2 p = floor(x);
vector_float2 f = fract(x);