Joshua Guo Profile Banner
Joshua Guo Profile
Joshua Guo

@JoshGuoDesign

Followers
15,688
Following
459
Media
367
Statuses
2,058

Design Systems / Visualization / Development / Building -

Joined October 2022
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@JoshGuoDesign
Joshua Guo
1 month
Light it up
Tweet media one
49
775
13K
@JoshGuoDesign
Joshua Guo
19 days
Create 3D sphere slices
Tweet media one
17
86
2K
@JoshGuoDesign
Joshua Guo
1 month
16 Days of Visual Experiment so far. Let's see how far I can go.
Tweet media one
16
76
1K
@JoshGuoDesign
Joshua Guo
1 month
Use Color Dodge to create light interference effects
Tweet media one
5
74
1K
@JoshGuoDesign
Joshua Guo
25 days
Creating a metallic sphere using 5 layers
Tweet media one
15
71
1K
@JoshGuoDesign
Joshua Guo
3 months
Then God said, “Let there be light” #r3f #threejs
31
71
1K
@JoshGuoDesign
Joshua Guo
27 days
Here are three ways to create shadow effects when in dark mode
Tweet media one
12
54
1K
@JoshGuoDesign
Joshua Guo
30 days
These are the blend modes I often use for dark-themed visual designs. Here are examples of the same element in different modes 👇
Tweet media one
14
50
955
@JoshGuoDesign
Joshua Guo
10 months
I love React
17
38
857
@JoshGuoDesign
Joshua Guo
10 months
Daily Inspiration - Freedom #daily_inspiration_by_joshua
Tweet media one
2
66
788
@JoshGuoDesign
Joshua Guo
1 month
Creating the letter 'S' using an angular gradient
Tweet media one
10
45
799
@JoshGuoDesign
Joshua Guo
10 months
I just can't stop adding new features 🫣
26
27
712
@JoshGuoDesign
Joshua Guo
23 days
A subtle glow effect in light mode is achieved by adding an overlay shadow.
Tweet media one
9
29
664
@JoshGuoDesign
Joshua Guo
10 months
Daily Inspiration - Blue #daily_inspiration_by_joshua
Tweet media one
0
53
606
@JoshGuoDesign
Joshua Guo
14 days
Using inner shadows to create chamfers of different sharpness
Tweet media one
5
24
607
@JoshGuoDesign
Joshua Guo
10 months
Weekend Inspiration - Dark Mode #daily_inspiration_by_joshua
Tweet media one
6
41
504
@JoshGuoDesign
Joshua Guo
10 months
weekend inspiration - no rounded corner
Tweet media one
8
44
471
@JoshGuoDesign
Joshua Guo
10 months
Daily Inspiration - Light Mode #daily_inspiration_by_joshua
Tweet media one
6
27
418
@JoshGuoDesign
Joshua Guo
2 months
Just love this direction 🖤🤍
Tweet media one
17
15
407
@JoshGuoDesign
Joshua Guo
10 months
Daily Inspiration - Line #daily_inspiration_by_joshua
Tweet media one
2
26
390
@JoshGuoDesign
Joshua Guo
7 months
Play with @Framer new custom cursor feature.
22
11
383
@JoshGuoDesign
Joshua Guo
10 months
Daily Inspiration - Purple #daily_inspiration_by_joshua
Tweet media one
8
17
365
@JoshGuoDesign
Joshua Guo
10 months
8
9
355
@JoshGuoDesign
Joshua Guo
1 month
Drawing a sphere with a radial gradient
Tweet media one
10
16
351
@JoshGuoDesign
Joshua Guo
10 months
Daily Inspiration - Pixel Thanks for the suggestion from @ozanoz . Starting today, I will add a tag to make it easier to search. #daily_inspiration_by_joshua
Tweet media one
4
25
347
@JoshGuoDesign
Joshua Guo
10 months
Ease in and out
9
14
335
@JoshGuoDesign
Joshua Guo
17 days
Infinite
Tweet media one
7
15
337
@JoshGuoDesign
Joshua Guo
10 months
I'm addicted to building this component :D @Framer code component is underrated. It has super power.
10
11
314
@JoshGuoDesign
Joshua Guo
7 months
Can you do this in @Framer ? Last year when I first started learning JS I tried to create complex charts. I was unsuccessful at that time. After a year of learning, I was finally able to effortlessly implement this today 👇
30
18
308
@JoshGuoDesign
Joshua Guo
11 days
I remember being asked to create a pattern a while back. Here it is now.
Tweet media one
3
13
314
@JoshGuoDesign
Joshua Guo
2 months
Just 4 steps creating a 3d shape in @figma
Tweet media one
9
18
300
@JoshGuoDesign
Joshua Guo
1 month
Layered Illusion
Tweet media one
5
13
293
@JoshGuoDesign
Joshua Guo
10 months
Dark spiral
14
12
230
@JoshGuoDesign
Joshua Guo
10 months
10K followers! Thank you all for your support!
26
6
221
@JoshGuoDesign
Joshua Guo
10 months
Daily Inspiration - Architecture #daily_inspiration_by_joshua
Tweet media one
7
14
207
@JoshGuoDesign
Joshua Guo
6 months
Exciting progress on my Figma plugin! Can't wait to share more soon! w / @ChartsSupply @Figma
13
13
205
@JoshGuoDesign
Joshua Guo
8 months
Experiment with Framer Charts to create some animations. w / @ChartsSupply
7
11
195
@JoshGuoDesign
Joshua Guo
10 months
Added some animations.
12
11
191
@JoshGuoDesign
Joshua Guo
9 months
Coming soon
Tweet media one
15
8
170
@JoshGuoDesign
Joshua Guo
6 months
Random is beautiful. w / @ChartsSupply @Figma
7
7
169
@JoshGuoDesign
Joshua Guo
10 months
[WIP] The advanced 3D hover effect for my new @framer template
15
4
157
@JoshGuoDesign
Joshua Guo
5 months
Designers on X: - don't name layers - don't use auto-layout - don't build components Me:
Tweet media one
30
8
154
@JoshGuoDesign
Joshua Guo
6 months
The dataset control feature is almost completed. w / @ChartsSupply @Figma
4
10
141
@JoshGuoDesign
Joshua Guo
9 months
Here's a list of 10 design entrepreneurs who I admire: @BrettFromDJ () @buninux () @cedric_design () @darylginn () @FonsMans () @jordanphughes
15
6
137
@JoshGuoDesign
Joshua Guo
9 months
I'm re-creating this glow card in @framer
@jh3yy
jhey ▲🐻🎈
9 months
CSS Tip! 🤙 You can use mask-composite and some JavaScript to create this pointer proximity following glow border ✨ .glow { mask-composite: intersect; mask-clip: padding-box, border-box; mask: linear-gradient( #0000 , #0000 ), conic-gradient( #0000 0deg, #​fff, #0000
70
788
7K
7
4
137
@JoshGuoDesign
Joshua Guo
2 months
Infinite corridor
Tweet media one
3
4
134
@JoshGuoDesign
Joshua Guo
9 months
Stunning video 🤌
7
5
130
@JoshGuoDesign
Joshua Guo
9 months
Shape your stories with real data! Introducing Framer Charts – A groundbreaking data visualization component tailored for @Framer ❖ Database API Integration ❖ Multiple Chart Types ❖ Highly Customizable ❖ Fully Responsive More details here 👇
Tweet media one
24
12
116
@JoshGuoDesign
Joshua Guo
10 months
Build good relationships with your fellow developers, they can help you to become a sr designer 👇
@Dannysapio
Danny Sapio
10 months
the difference between a junior and senior designer is how they treat orphans
Tweet media one
26
8
174
6
16
115
@JoshGuoDesign
Joshua Guo
1 month
When you're doing visual experiments in @Figma , you can use a 3-digit HEX for fast color input. Each digit ranges from 0 to F (0-15) and stands for the RGB values. If you need transparency, just add a 4th digit, which represents the alpha channel 👇
Tweet media one
5
12
115
@JoshGuoDesign
Joshua Guo
10 months
Introducing 3D Hover, a stunning @framer component that adds a 3D hover effect to your layers or components. Customize rotation, scaling, and spring animation through the Framer Interface. Use code BLACK5 at checkout for 50% off:
2
4
106
@JoshGuoDesign
Joshua Guo
5 months
Heatmap coming soon w / @ChartsSupply @Framer
2
6
106
@JoshGuoDesign
Joshua Guo
10 months
I will integrate these three interactions into my new template for @framer . These animations are not random but rather tailored to match the content of the template.
7
7
103
@JoshGuoDesign
Joshua Guo
10 months
Improving charts for @framer . It is not just one component. It would be the largest "creation" I have ever built this year.
5
2
101
@JoshGuoDesign
Joshua Guo
9 months
Test new features for donut, allowing you to set the circumference and starting angle. w / @ChartsSupply
Tweet media one
Tweet media two
4
4
103
@JoshGuoDesign
Joshua Guo
10 months
Upcoming Charts component for @framer
5
3
102
@JoshGuoDesign
Joshua Guo
10 months
Here's a sneak peek of my new @framer template.
12
4
97
@JoshGuoDesign
Joshua Guo
2 months
Developed a @Figma plugin, that allows you to quickly proofread the spelling and content of all the text across your entire project. It can also be used with new AI features. Say goodbye to the wrong text content 👋
9
5
98
@JoshGuoDesign
Joshua Guo
10 months
Creating is hard.
Tweet media one
6
10
96
@JoshGuoDesign
Joshua Guo
3 months
Created a reflection effect using #r3f
5
4
96
@JoshGuoDesign
Joshua Guo
10 months
Supports 5 chart types now
Tweet media one
1
2
95
@JoshGuoDesign
Joshua Guo
2 months
Frosted glass cubes with a dark core
Tweet media one
7
3
96
@JoshGuoDesign
Joshua Guo
10 months
A new feature of Framer Charts is the ability to connect to an API. Build with @framer and @supabase
Tweet media one
12
3
93
@JoshGuoDesign
Joshua Guo
3 months
Built something interesting and planning to turn it into a @Figma plugin. Like overlaying a cool-looking 3D model onto your layers. Do you like this idea?
11
2
93
@JoshGuoDesign
Joshua Guo
10 months
After a period of depression, I have recently regained my composure and started to create with full force. Have you felt that?
23
3
90
@JoshGuoDesign
Joshua Guo
8 months
Building the brand new version @figma plugin with @getnextui and @tailwindcss 🧑‍🍳 w / @ChartsSupply
2
5
92
@JoshGuoDesign
Joshua Guo
7 months
Work in progress on the new Charts Modifier w / @ChartsSupply @Figma
Tweet media one
5
1
89
@JoshGuoDesign
Joshua Guo
10 months
When designing the FAQ section, should the default state be closed or open? Which is more user-friendly?
Tweet media one
51
2
84
@JoshGuoDesign
Joshua Guo
9 months
Bar chart widgets in @Framer w / @ChartsSupply
Tweet media one
Tweet media two
4
5
86
@JoshGuoDesign
Joshua Guo
9 months
Build with Framer Charts – Day 1
Tweet media one
8
1
85
@JoshGuoDesign
Joshua Guo
8 months
Just cooked an animated CTA for @ChartsSupply
10
2
83
@JoshGuoDesign
Joshua Guo
10 months
It's @splinetool Friday! I created an infinite rotating animation of a cube array.
6
2
84
@JoshGuoDesign
Joshua Guo
9 months
The most valuable things I learned in 2023: Share your works Share your success Share your failures Be a real person
8
9
78
@JoshGuoDesign
Joshua Guo
8 months
Revenue Card w / @ChartsSupply @Framer
Tweet media one
5
2
77
@JoshGuoDesign
Joshua Guo
1 month
Floating monolith, inspired by 2001: A Space Odyssey
Tweet media one
5
1
78
@JoshGuoDesign
Joshua Guo
9 months
I still love flat design.
18
0
78
@JoshGuoDesign
Joshua Guo
9 months
Light it up w / @ChartsSupply
Tweet media one
6
2
77
@JoshGuoDesign
Joshua Guo
2 months
I may be able to release this @figma plugin soon. More options will come: - Shapes - Materials - Lightings - ...
0
4
77
@JoshGuoDesign
Joshua Guo
10 months
Feeling exhausted from chasing trends, I've decided to shift my focus. It's time to create something timeless and share my unique journey.
13
3
73
@JoshGuoDesign
Joshua Guo
8 months
Something is happening 👀 w / @figma @ChartsSupply
Tweet media one
9
3
74
@JoshGuoDesign
Joshua Guo
10 months
The best one I ever seen @framer
3
2
71
@JoshGuoDesign
Joshua Guo
9 months
I am thrilled that the development of Framer Charts is progressing well and will be released soon. Join the Waitlist 👇
9
5
74
@JoshGuoDesign
Joshua Guo
9 months
Love you guys 🫶
Tweet media one
22
0
73
@JoshGuoDesign
Joshua Guo
8 months
Polar Area Chart Widget w / @ChartsSupply
Tweet media one
Tweet media two
1
3
73
@JoshGuoDesign
Joshua Guo
9 months
When it comes to mixing English and Japanese typography, using a combination of sans and serif can create unique and impactful designs.
Tweet media one
Tweet media two
2
5
71
@JoshGuoDesign
Joshua Guo
2 months
Happy Friday, folks! This is a new series inspired by many talented visual designers here.
Tweet media one
5
3
72
@JoshGuoDesign
Joshua Guo
2 months
Sun
Tweet media one
0
1
72
@JoshGuoDesign
Joshua Guo
5 months
The design does not require a degree or even talent. What you need is a lot of practice. Be bold and keep trying, growing through lots of trial and error.
9
10
70
@JoshGuoDesign
Joshua Guo
8 months
Tweet media one
6
4
69
@JoshGuoDesign
Joshua Guo
1 month
Ether
Tweet media one
2
0
64
@JoshGuoDesign
Joshua Guo
6 months
Is this a good idea? w / @ChartsSupply @Figma
7
3
62
@JoshGuoDesign
Joshua Guo
2 months
Portal_modified_final_v2_fixed (1)
Tweet media one
9
1
63
@JoshGuoDesign
Joshua Guo
9 months
The first demo of the table component in @framer . It will be included in
2
1
63
@JoshGuoDesign
Joshua Guo
3 months
Accumulative shadows
3
4
62
@JoshGuoDesign
Joshua Guo
7 months
Adding the gradient color has made a big difference to Framer Charts. It is currently undergoing final testing and improvement development process. w / @ChartsSupply @Framer
Tweet media one
6
2
62
@JoshGuoDesign
Joshua Guo
2 months
Can't name this one
Tweet media one
13
2
61
@JoshGuoDesign
Joshua Guo
1 month
Odyssey
Tweet media one
3
1
59
@JoshGuoDesign
Joshua Guo
7 months
Work in the process of developing the random data feature of my new @Figma plugin. The math finally came in handy. w / @ChartsSupply @Figma
4
3
60
@JoshGuoDesign
Joshua Guo
9 months
Posting your work is incredibly important. Why? Because once you put it out there, you'll start noticing a series of issues you didn't notice before, like typos, misalignment, unreasonable layout, etc.
9
3
57
@JoshGuoDesign
Joshua Guo
6 months
8
4
59