Rob Sawyer's repositories
tailwindcss-pixel-dimensions
This basically goes against any sort of best practice responsive design techniques, but for tricky pixel-perfect comps, it's useful.
tailwindcss-mobile-precision
A collection of add on media queries that allow you to make precision layouts for specific mobile (Yeah, tablet too!) devices.
fiber-starter
A react-three-fiber + nextjs + tailwindcss starter project.
prototype-13
Migrated over an interesting trail-based spinning loader thingy to React. In doing so, I used some hooks and memos.
prototype-3
Messed around with the SplitText class. Was inspired by https://witchernetflix.com/en-gb
caroumesh
A React component to display 3d models in a carousel-like fashion.
chart-race-react-demo
A demo using chart-race-react.
drei
π₯ useful helpers for react-three-fiber
effectnode-metaverse
Effect Node METAVERSE is a open source boilerplate project for helping everyone own their own metaverse.
nft-metaverse
NFT Metaverse is a immersive virtual world based on NFTs and created by generative algorithms
prototype-0
Mostly just a bunch of setup and configuration. Also, getting familiar with my new fancy prototype template.
prototype-1
Explored some custom cursors in React.
prototype-10
Moving Hexagon ball.
prototype-11
Depth texturing
prototype-12
Just a red box
prototype-14
Dynamic 3d QR code.
prototype-2
Snagged a cool hamburger menu. Made sphere with an env and bump map.
prototype-21
React three fiber hover play
prototype-23
Some messing around with speech lib.
prototype-4
Uh, didn't really have much time today, but I added some eye balls that follow you around.
prototype-6
Have some funky line background going on. Basically, a rip from https://codepen.io/layerframe-developer/pen/rNLQRzp?editors=0010, but it was a pain in the arse to get it going in NextJS/React.
prototype-7
Basic cube rotating
prototype-8
In the words of DJ Khalid, another one. Reflective-like texture icosahedron.
prototype-9
Kinetic type with react three fiber.
scaffolding-nextjs
The following are a collection of scaffolds that aid in the development of NextJS apps.
scroll-data-hook
React Hook that returns information about scroll speed, time, distance, direction and more
tailwindcss-font-sizes
Handles generating rem-based font sizes.
three-noise
Simple gradient noise library for use with Three.js. Now with fBm!