Joshua Guo Profile Banner
Joshua Guo Profile
Joshua Guo

@jshguo

Followers
15,799
Following
316
Media
388
Statuses
2,309

Full-stack / Building data visualization plugins for design tools / 日本語勉強中

Joined October 2022
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@jshguo
Joshua Guo
3 months
Light it up
Tweet media one
50
769
13K
@jshguo
Joshua Guo
2 months
These are the @Figma visual tutorials I've created so far. What else would you like to see?
26
123
2K
@jshguo
Joshua Guo
2 months
Create 3D sphere slices
Tweet media one
17
83
2K
@jshguo
Joshua Guo
3 months
16 Days of Visual Experiment so far. Let's see how far I can go.
Tweet media one
16
75
1K
@jshguo
Joshua Guo
3 months
Use Color Dodge to create light interference effects
Tweet media one
5
72
1K
@jshguo
Joshua Guo
3 months
Creating a metallic sphere using 5 layers
Tweet media one
15
71
1K
@jshguo
Joshua Guo
5 months
Then God said, “Let there be light” #r3f #threejs
31
68
1K
@jshguo
Joshua Guo
3 months
Here are three ways to create shadow effects when in dark mode
Tweet media one
12
54
1K
@jshguo
Joshua Guo
3 months
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
49
956
@jshguo
Joshua Guo
1 year
I love React
16
39
856
@jshguo
Joshua Guo
2 months
This is a lightweight method for creating a gradient blur in @Figma . It keeps the visual quality using only 4 blur masks, so your canvas won't slow down or lag.
Tweet media one
13
39
844
@jshguo
Joshua Guo
1 year
Daily Inspiration - Freedom #daily_inspiration_by_joshua
Tweet media one
2
65
785
@jshguo
Joshua Guo
3 months
Creating the letter 'S' using an angular gradient
Tweet media one
10
45
795
@jshguo
Joshua Guo
11 months
I just can't stop adding new features 🫣
26
27
707
@jshguo
Joshua Guo
3 months
A subtle glow effect in light mode is achieved by adding an overlay shadow.
Tweet media one
9
29
661
@jshguo
Joshua Guo
1 year
Daily Inspiration - Blue #daily_inspiration_by_joshua
Tweet media one
0
53
603
@jshguo
Joshua Guo
2 months
Using inner shadows to create chamfers of different sharpness
Tweet media one
5
24
609
@jshguo
Joshua Guo
1 year
Weekend Inspiration - Dark Mode #daily_inspiration_by_joshua
Tweet media one
6
41
502
@jshguo
Joshua Guo
1 year
weekend inspiration - no rounded corner
Tweet media one
8
43
467
@jshguo
Joshua Guo
1 year
Daily Inspiration - Light Mode #daily_inspiration_by_joshua
Tweet media one
6
27
417
@jshguo
Joshua Guo
4 months
Just love this direction 🖤🤍
Tweet media one
17
15
406
@jshguo
Joshua Guo
1 year
Daily Inspiration - Line #daily_inspiration_by_joshua
Tweet media one
2
25
387
@jshguo
Joshua Guo
9 months
Play with @Framer new custom cursor feature.
21
11
382
@jshguo
Joshua Guo
1 year
Daily Inspiration - Purple #daily_inspiration_by_joshua
Tweet media one
8
17
363
@jshguo
Joshua Guo
1 year
8
9
354
@jshguo
Joshua Guo
3 months
Drawing a sphere with a radial gradient
Tweet media one
10
16
349
@jshguo
Joshua Guo
1 year
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
344
@jshguo
Joshua Guo
1 year
Ease in and out
9
15
333
@jshguo
Joshua Guo
2 months
Infinite
Tweet media one
7
14
332
@jshguo
Joshua Guo
1 year
I'm addicted to building this component :D @Framer code component is underrated. It has super power.
10
11
312
@jshguo
Joshua Guo
2 months
I remember being asked to create a pattern a while back. Here it is now.
Tweet media one
3
13
315
@jshguo
Joshua Guo
9 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
306
@jshguo
Joshua Guo
4 months
Just 4 steps creating a 3d shape in @figma
Tweet media one
9
17
296
@jshguo
Joshua Guo
3 months
Layered Illusion
Tweet media one
5
13
290
@jshguo
Joshua Guo
1 year
Dark spiral
14
12
229
@jshguo
Joshua Guo
1 year
10K followers! Thank you all for your support!
26
6
221
@jshguo
Joshua Guo
1 year
Daily Inspiration - Architecture #daily_inspiration_by_joshua
Tweet media one
7
14
204
@jshguo
Joshua Guo
8 months
Exciting progress on my Figma plugin! Can't wait to share more soon! w / @ChartsSupply @Figma
13
13
205
@jshguo
Joshua Guo
10 months
Experiment with Framer Charts to create some animations. w / @ChartsSupply
7
11
195
@jshguo
Joshua Guo
1 year
Added some animations.
12
11
191
@jshguo
Joshua Guo
11 months
Coming soon
Tweet media one
15
8
169
@jshguo
Joshua Guo
8 months
Random is beautiful. w / @ChartsSupply @Figma
7
7
169
@jshguo
Joshua Guo
1 year
[WIP] The advanced 3D hover effect for my new @framer template
15
4
156
@jshguo
Joshua Guo
6 months
Designers on X: - don't name layers - don't use auto-layout - don't build components Me:
Tweet media one
30
8
153
@jshguo
Joshua Guo
8 months
The dataset control feature is almost completed. w / @ChartsSupply @Figma
4
10
140
@jshguo
Joshua Guo
11 months
Here's a list of 10 design entrepreneurs who I admire: @BrettFromDJ () @buninux () @cedric_design () @darylginn () @FonsMans () @jordanphughes
15
6
137
@jshguo
Joshua Guo
11 months
I'm re-creating this glow card in @framer
@jh3yy
jhey ▲🐻🎈
11 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
136
@jshguo
Joshua Guo
4 months
Infinite corridor
Tweet media one
2
4
132
@jshguo
Joshua Guo
11 months
Stunning video 🤌
7
5
127
@jshguo
Joshua Guo
3 months
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
@jshguo
Joshua Guo
1 year
Build good relationships with your fellow developers, they can help you to become a sr designer 👇
@Dannysapio
Danny Sapio
1 year
the difference between a junior and senior designer is how they treat orphans
Tweet media one
25
8
173
6
16
115
@jshguo
Joshua Guo
11 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
113
@jshguo
Joshua Guo
1 year
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
105
@jshguo
Joshua Guo
7 months
Heatmap coming soon w / @ChartsSupply @Framer
2
6
106
@jshguo
Joshua Guo
1 year
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
101
@jshguo
Joshua Guo
11 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
100
@jshguo
Joshua Guo
11 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
102
@jshguo
Joshua Guo
11 months
Upcoming Charts component for @framer
5
3
101
@jshguo
Joshua Guo
1 year
Here's a sneak peek of my new @framer template.
12
4
96
@jshguo
Joshua Guo
4 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
@jshguo
Joshua Guo
1 year
Creating is hard.
Tweet media one
6
10
97
@jshguo
Joshua Guo
5 months
Created a reflection effect using #r3f
5
4
97
@jshguo
Joshua Guo
4 months
Frosted glass cubes with a dark core
Tweet media one
7
3
96
@jshguo
Joshua Guo
11 months
Supports 5 chart types now
Tweet media one
1
2
95
@jshguo
Joshua Guo
11 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
@jshguo
Joshua Guo
5 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
@jshguo
Joshua Guo
11 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
91
@jshguo
Joshua Guo
10 months
Building the brand new version @figma plugin with @getnextui and @tailwindcss 🧑‍🍳 w / @ChartsSupply
2
5
91
@jshguo
Joshua Guo
9 months
Work in progress on the new Charts Modifier w / @ChartsSupply @Figma
Tweet media one
5
1
86
@jshguo
Joshua Guo
11 months
Bar chart widgets in @Framer w / @ChartsSupply
Tweet media one
Tweet media two
3
5
85
@jshguo
Joshua Guo
1 year
When designing the FAQ section, should the default state be closed or open? Which is more user-friendly?
Tweet media one
51
2
83
@jshguo
Joshua Guo
11 months
Build with Framer Charts – Day 1
Tweet media one
8
1
83
@jshguo
Joshua Guo
1 year
It's @splinetool Friday! I created an infinite rotating animation of a cube array.
6
2
84
@jshguo
Joshua Guo
10 months
Just cooked an animated CTA for @ChartsSupply
10
2
82
@jshguo
Joshua Guo
3 months
Floating monolith, inspired by 2001: A Space Odyssey
Tweet media one
5
1
79
@jshguo
Joshua Guo
11 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
@jshguo
Joshua Guo
23 days
I'm getting ready to begin a master's degree. Wish me luck
18
0
79
@jshguo
Joshua Guo
10 months
Revenue Card w / @ChartsSupply @Framer
Tweet media one
5
2
77
@jshguo
Joshua Guo
11 months
I still love flat design.
18
0
78
@jshguo
Joshua Guo
10 months
Light it up w / @ChartsSupply
Tweet media one
5
2
75
@jshguo
Joshua Guo
4 months
I may be able to release this @figma plugin soon. More options will come: - Shapes - Materials - Lightings - ...
0
4
77
@jshguo
Joshua Guo
1 year
The best one I ever seen @framer
3
2
72
@jshguo
Joshua Guo
11 months
I am thrilled that the development of Framer Charts is progressing well and will be released soon. Join the Waitlist 👇
9
5
73
@jshguo
Joshua Guo
10 months
Something is happening 👀 w / @figma @ChartsSupply
Tweet media one
9
3
73
@jshguo
Joshua Guo
1 year
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
@jshguo
Joshua Guo
11 months
Love you guys 🫶
Tweet media one
22
0
73
@jshguo
Joshua Guo
10 months
Polar Area Chart Widget w / @ChartsSupply
Tweet media one
Tweet media two
1
3
73
@jshguo
Joshua Guo
4 months
Sun
Tweet media one
0
1
71
@jshguo
Joshua Guo
11 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
@jshguo
Joshua Guo
4 months
Happy Friday, folks! This is a new series inspired by many talented visual designers here.
Tweet media one
5
3
72
@jshguo
Joshua Guo
7 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
69
@jshguo
Joshua Guo
10 months
Tweet media one
6
4
69
@jshguo
Joshua Guo
3 months
The final effect is achieved by stacking three shadows, with the smallest shadow at the bottom and the increasing size as it goes to the top. You can adjust the number of shadows as you like - the more shadows, the smoother the glow effect.
Tweet media one
1
1
61
@jshguo
Joshua Guo
3 months
Ether
Tweet media one
2
0
63
@jshguo
Joshua Guo
7 months
Is this a good idea? w / @ChartsSupply @Figma
7
3
61
@jshguo
Joshua Guo
4 months
Portal_modified_final_v2_fixed (1)
Tweet media one
9
1
63
@jshguo
Joshua Guo
11 months
The first demo of the table component in @framer . It will be included in
2
1
63
@jshguo
Joshua Guo
5 months
Accumulative shadows
3
4
62
@jshguo
Joshua Guo
9 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
61
@jshguo
Joshua Guo
4 months
Can't name this one
Tweet media one
12
2
61