S-TIER resource
Four GitHub design repos — R3F, liquid glass, shader gradients, liquid chrome
100k ft — What is this?
Four GitHub design repos — R3F, liquid glass, shader gradients, liquid chrome
50k ft — Why care?
Treat GitHub as a designer's asset library: React Three Fiber for Three.js 3D, liquid-glass-js for Apple-style liquid glass, ShaderGradient for animated customizable gradients in React, and Liquid Logo for a chrome liquid-metal effect. Point Claude Code or Codex at a repo, check licence and maintenance, and adapt the smallest effect in a throwaway branch.
10k ft — Key takeaways
• Check licence, maintenance and framework before adopting.
• Isolate one effect in a disposable branch before merging.
• Point a coding agent at a repo and describe the effect you want.
5k ft — Tools & techniques
Claude, Claude Code, Codex, React, React Three Fiber, ShaderGradient, Three.js
code generation, repo-as-asset, vibe coding
1k ft — Deep-dive / try it
comment "repos" for all four links and the implementation guide 🌱
A repository is reference code, not a magic asset. Check the licence, maintenance and framework first, then ask Claude Code to isolate the smallest effect you need and adapt it inside a disposable branch before merging 👩💻💡
#claude #claudecode #github #learnai #ai
Transcript excerpt
Did you know that the best designers these days use github as their asset library? So if you've ever seen those insane visual effects online and just genuinely thought to yourself How does one even achieve that? Well, it's actually easier than you think especially now that we have vibe coding Which has closed the gap between designers and engineers Back in the day designers would come up with the visuals and then engineers would code it up and make it functional But now with ai coding agents like clodcode and codex the gap is closing up quickly Here are four design repos you can steal for your next project Number one react3 fiber this one drops the entire 3.js 3d library straight into your site number two liquid glass.js This one gives you that apple liquid glass effect with the full controls number three shader gradient This one gives you that really nice moving gradients in react It's also customizable by shape color and motion lucky last in number four liquid logo This one slaps that chrome liquid metal look onto anything And by the way, you don't have to code any of this or download anything Literally all you do is point clodcode at that repo and then just describe what you want Follow me in common repos and i'll send you all four links and exactly how to use them