Skip to content

Instantly share code, notes, and snippets.

View darkristy's full-sized avatar
🍊
Focusing

Kahlil Whitfield darkristy

🍊
Focusing
View GitHub Profile
import { useEffect, useRef } from "react";
import LocomotiveScroll, {
LocomotiveScrollOptions,
Scroll,
} from "locomotive-scroll";
import "locomotive-scroll/src/locomotive-scroll.scss";
type UseLocomotiveScrollHook = [React.RefObject<Scroll>];
type Props = {
@drcmda
drcmda / scroll.jsx
Last active September 14, 2023 17:32
scrolling images + minimap
import * as THREE from 'three'
import { Suspense, useRef, useState } from 'react'
import { Canvas, createPortal, applyProps, useFrame, useThree } from '@react-three/fiber'
import { useFBO, PerspectiveCamera, ScrollControls, Scroll, useScroll, Image } from '@react-three/drei'
function Images() {
const { width, height } = useThree(state => state.viewport)
const data = useScroll()
const group = useRef()
useFrame(() => {
@whitep4nth3r
whitep4nth3r / reset-next.sh
Last active September 22, 2024 14:49
Reset a new Next.js application with an HTML language attribute, responsive font sizes, and cleaned up index.js
#!/bin/bash
# Input flags
LANG=""
APP_NAME=""
# The directory path must be relative to where the script lives
DIR=""
@itsMapleLeaf
itsMapleLeaf / README.md
Last active August 6, 2025 13:35
Typed remix helpers

This is no longer needed! Remix's built-in types have improved significantly. But I'll keep this here for historical reasons.


Typed helpers for low-boilerplate type inference with Remix data.

  • I suffix them with *Typed so I don't accidentally import the core remix helpers.
  • This doesn't support regular Response objects to prevent accidentally using them with the typed helpers.
@alsolovyev
alsolovyev / .ThreeJS Boilerplate.md
Last active April 25, 2025 14:55
A simple Three.js boilerplate with a bunch of comment

Three.js boilerplate

https://threejs.org/

" Specify a directory for plugins
call plug#begin('~/.vim/plugged')
Plug 'neoclide/coc.nvim', {'branch': 'release'}
Plug 'scrooloose/nerdtree'
"Plug 'tsony-tsonev/nerdtree-git-plugin'
Plug 'Xuyuanp/nerdtree-git-plugin'
Plug 'tiagofumo/vim-nerdtree-syntax-highlight'
Plug 'ryanoasis/vim-devicons'
Plug 'airblade/vim-gitgutter'
@tingwei628
tingwei628 / docker-compose.yml
Created October 27, 2019 15:20
use postgresql and pgAdmin in docker
version: "3.4"
services:
pgAdmin:
restart: always
image: dpage/pgadmin4
ports:
- "8000:80"
environment:
PGADMIN_DEFAULT_EMAIL: [email protected]
@bradtraversy
bradtraversy / vscode_shortcuts.md
Last active November 15, 2025 02:37
Helpful shortcuts for VSCode

VSCode Shortcuts

List of helpful shortcuts for faster coding

If you have any other helpful shortcuts, feel free to add in the comments of this gist :)

Official List of all commands

xcode-select --install
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew update
brew cask install iterm2
# update iterm2 settings -> colors, keep directory open new shell, keyboard shortcuts
brew install bash # latest version of bash
# set brew bash as default shell
brew install fortune
brew install cowsay
brew install git