Curated archive of 34 design references, UI interactions, and animations published by Joshua Guo on X.
Mine - Joshua Guo
Mine
@jshguoUsing codex rebuild my website, only spent 10 minutes. - Joshua Guo
Using codex rebuild my website, only spent 10 minutes.
@jshguoAn infinite-scroll masonry grid I built for @Framer. Link below - Joshua Guo
An infinite-scroll masonry grid I built for @Framer. Link below
@jshguoTheme Switcher Pro has just been approved. With this component, use... - Joshua Guo
Theme Switcher Pro has just been approved. With this component, users can choose their preferred theme on your @Framer sites or just leave it as auto. Link below
@jshguoMy new @framer component, Metallic Cube Grid, has just been approve... - Joshua Guo
My new @framer component, Metallic Cube Grid, has just been approved. Material, size, and quantity can all be customized. Highly appropriate for use in the hero section. Link below
@jshguoOne of the most famous examples of strange attractors is the "butte... - Joshua Guo
One of the most famous examples of strange attractors is the "butterfly effect" dx/dt = σ (y − x) dy/dt = x (ρ − z) − y dz/dt = x · y − β · z
@jshguoClifford Attractor. It is wonderful under a few specific parameters... - Joshua Guo
Clifford Attractor. It is wonderful under a few specific parameters. xₙ₊₁ = sin(a · yₙ) + c · cos(a · xₙ) yₙ₊₁ = sin(b · xₙ) + d · cos(b · yₙ)
@jshguoHappy Friday. I just made a simple visual with Blender and Three.js - Joshua Guo
Happy Friday. I just made a simple visual with Blender and Three.js
@jshguoHexbin component made with @v0 - Joshua Guo
Hexbin component made with @v0
@jshguoYou don't like math because you don't follow me. Check out the beau... - Joshua Guo
You don't like math because you don't follow me. Check out the beautiful, intricate pattern generated by this equation: sin (sin (x) + cos (y)) = cos (sin (x*y) + cos (x))
@jshguo
Completely designed through code, no problems whatsoever. - Joshua Guo
Completely designed through code, no problems whatsoever.
@jshguoDrawing mode on - Joshua Guo
Drawing mode on
@jshguoTried something fun. - Joshua Guo
Tried something fun.
@jshguoThe component I am currently working on. Of course, made with @v0 - Joshua Guo
The component I am currently working on. Of course, made with @v0
@jshguoA globe component. Made with @v0 - Joshua Guo
A globe component. Made with @v0
@jshguoSmooth as butter - Joshua Guo
Smooth as butter
@jshguoI hope to go to space someday. - Joshua Guo
I hope to go to space someday.
@jshguoWork in progress, but it has vibes. - Joshua Guo
Work in progress, but it has vibes.
@jshguoOptimized the transition animation when switching data, very smooth - Joshua Guo
Optimized the transition animation when switching data, very smooth
@jshguoFlow - Joshua Guo
Flow
@jshguo
Blue and white are a perfect match. - Joshua Guo
Blue and white are a perfect match.
@jshguoI coded it, and it works well. - Joshua Guo
I coded it, and it works well.
@jshguo
Funnel chart monochrome version - Joshua Guo
Funnel chart monochrome version
@jshguoVariable-driven Figma prototype. Efficient and elegant. - Joshua Guo
Variable-driven Figma prototype. Efficient and elegant.
@jshguoDesign inspiration by Joshua Guo
@jshguoProgress Indicator in light mode Made with https://interfaces.supply - Joshua Guo
Progress Indicator in light mode Made with https://interfaces.supply
@jshguoA random concept - Joshua Guo
A random concept
@jshguoPoster v2 Made with https://interfaces.supply - Joshua Guo
Poster v2 Made with https://interfaces.supply
@jshguoServer Analysis Made with https://interfaces.supply - Joshua Guo
Server Analysis Made with https://interfaces.supply
@jshguoKPIs Made with http://interfaces.supply - Joshua Guo
KPIs Made with http://interfaces.supply
@jshguoSidemenu - Joshua Guo
Sidemenu
@jshguoGrowth - Joshua Guo
Growth
@jshguoSwap Made with http://interfaces.supply - Joshua Guo
Swap Made with http://interfaces.supply
@jshguoDot Plot - Joshua Guo
Dot Plot
@jshguo