Dark | Light
[GUEST ACCESS MODE: Data is scrambled or limited to provide examples. Make requests using your API key to unlock full data. Check https://lunarcrush.ai/auth for authentication information.]

# ![@jh3yy Avatar](https://lunarcrush.com/gi/w:26/cr:twitter::2396811776.png) @jh3yy jhey ʕ•ᴥ•ʔ

jhey ʕ•ᴥ•ʔ posts on X about all the, hidden, breakdown, lack of the most. They currently have XXXXXXX followers and 1330 posts still getting attention that total XXXXXX engagements in the last XX hours.

### Engagements: XXXXXX [#](/creator/twitter::2396811776/interactions)
![Engagements Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::2396811776/c:line/m:interactions.svg)

- X Week XXXXXXX -XX%
- X Month XXXXXXXXX -XX%
- X Months XXXXXXXXX +92%
- X Year XXXXXXXXXX -XX%

### Mentions: XX [#](/creator/twitter::2396811776/posts_active)
![Mentions Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::2396811776/c:line/m:posts_active.svg)

- X Week XX -XX%
- X Month XX -XX%
- X Months XXX +58%
- X Year XXX -XX%

### Followers: XXXXXXX [#](/creator/twitter::2396811776/followers)
![Followers Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::2396811776/c:line/m:followers.svg)

- X Week XXXXXXX +0.17%
- X Month XXXXXXX +1.40%
- X Months XXXXXXX +6.50%
- X Year XXXXXXX +19%

### CreatorRank: XXXXXXX [#](/creator/twitter::2396811776/influencer_rank)
![CreatorRank Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::2396811776/c:line/m:influencer_rank.svg)

### Social Influence

**Social category influence**
[finance](/list/finance)  [social networks](/list/social-networks)  [stocks](/list/stocks) 

**Social topic influence**
[all the](/topic/all-the), [hidden](/topic/hidden), [breakdown](/topic/breakdown), [lack of](/topic/lack-of), [slack](/topic/slack), [me in](/topic/me-in), [$shop](/topic/$shop), [realtime](/topic/realtime), [if you](/topic/if-you), [props](/topic/props)

**Top accounts mentioned or mentioned by**
[@codepen](/creator/undefined) [@keyframes](/creator/undefined) [@vercel](/creator/undefined) [@nextjs](/creator/undefined) [@greensock](/creator/undefined) [@openai](/creator/undefined) [@biomejs](/creator/undefined) [@charbone](/creator/undefined) [@adamwathan](/creator/undefined) [@alexvonmatterh](/creator/undefined) [@figma](/creator/undefined) [@simonswiss](/creator/undefined) [@framer](/creator/undefined) [@tailwindcss](/creator/undefined) [@lmsqueezy](/creator/undefined) [@startingstyle](/creator/undefined) [@reactjs](/creator/undefined) [@supabase](/creator/undefined) [@radixui](/creator/undefined) [@johnphamous](/creator/undefined)

**Top assets mentioned**
[Shopify Inc (SHOP)](/topic/$shop)
### Top Social Posts
Top posts by engagements in the last XX hours

"this goes for buying "UI Component" packs too please do your due diligence 🙏 people will happily takes 100s of dollars from you but you could end up doing the work twice for a11y perf etc. it's a shame when a proponent of design engineering is building things with care"  
[X Link](https://x.com/jh3yy/status/1998067535149731909)  2025-12-08T16:29Z 140K followers, 32.4K engagements


"This CSS trick is fascinating By setting: type=range overflow: hidden; You can create a view timeline on the handle: ::-webkit-slider-thumb view-timeline: --thumb inline; And then you can use that to build all sorts of custom range sliders 🚀"  
[X Link](https://x.com/jh3yy/status/1816290576087515620)  2024-07-25T01:53Z 140K followers, 95.8K engagements


"5 min cursor trails with grid + CSS custom properties 💫 div style="--o: 0.2; --r: 3" .grid div opacity: var(--o); transition: opacity 0.8s rotate 0.4s; &:hover transition-duration: 0s; rotate: calc(var(--r 0) * 90deg); opacity: 1; trick: dynamic :hover transition"  
[X Link](https://x.com/jh3yy/status/1982842032654561473)  2025-10-27T16:09Z 140K followers, 346.2K engagements


"messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨🍳"  
[X Link](https://x.com/jh3yy/status/1985792728312012896)  2025-11-04T19:34Z 140K followers, 141.3K engagements


"accordion transitions w/ css ::details-content details + summary 🧑🍳 details:has( open) --y: -1; open details --y: 1; details translate: X calc(var(--y) * 1rem); open::details-content height: fit-content;"  
[X Link](https://x.com/jh3yy/status/1986545100466315475)  2025-11-06T21:23Z 140K followers, 116.3K engagements


"s/o to @steve_hayes who sniped me in Slack with a prompt that i felt obliged to explore/prototype quick 😁 it's a play on the glow cards we did a year or so back you can play with all the controls in this @CodePen 🤙"  
[X Link](https://x.com/jh3yy/status/1992035612619411934)  2025-11-22T01:01Z 140K followers, 28.8K engagements


"honored to contribute to this year's live globe site 🌎 the desktop is a separate app that gets embedded into the scene built with web components tailwind and SVG 👨🍳 hint: 4930"  
[X Link](https://x.com/jh3yy/status/1994381963034014001)  2025-11-28T12:24Z 140K followers, 99.1K engagements


"you can totally do it with css 🧑🍳 use a border mask layers + overflow: hidden or other tricks skip animating the gradient though jus' spin a 1:1 gradient layer 🤙"  
[X Link](https://x.com/jh3yy/status/1994936546089116093)  2025-11-30T01:08Z 140K followers, 281.6K engagements


"you can jus' kinda pixelate things with svg feFlood + feTile + feMorphology 👨🍳"  
[X Link](https://x.com/jh3yy/status/1995645776605913371)  2025-12-02T00:06Z 140K followers, 34.8K engagements


"@LukeGainzz thats the joy of relying on basic layout here its gonna be accessible out of the box 🫶 jus needs the right attributes on the images and section content semantically appropriate 🤙 (my demo has extras for the sake of the breakdown 😅)"  
[X Link](https://x.com/jh3yy/status/1998782338495373557)  2025-12-10T15:50Z 140K followers, XX engagements


"@victorbuikem nothing if you set it all up correctly 🤙"  
[X Link](https://x.com/jh3yy/status/1998069402785177906)  2025-12-08T16:37Z 139.8K followers, XX engagements


"@bedesqui had a little its the overlaps that are troubling right a solid stroke that aligns with your reduced alpha will work 🤙 the issue that can pop up with trying to connect things is a little overlap/gap we even found this week that sometimes opacity causes perf issues in svg"  
[X Link](https://x.com/jh3yy/status/1998184881873170771)  2025-12-09T00:16Z 139.9K followers, XXX engagements


"responsive CSS pinned sidebar transition 📌 .layout:has(:popover-open) grid-template-columns: var(--sidebar-width) 1fr; aside:popover-open translate: X var(--ctrl); height: var(--extend); actual zero JS for the layout transition here so many details to play with 🧑🍳"  
[X Link](https://x.com/jh3yy/status/1977517175285154015)  2025-10-12T23:30Z 140K followers, 384.1K engagements


"the trick: SVG displacement filter via CSS filter property. use on scaled duplicate content in the view finder element. that way you dont need to worry about backdrop-filter support 🤙 the tell: you dont see all the content behind nice stuff 😎"  
[X Link](https://x.com/jh3yy/status/1984917331240521786)  2025-11-02T09:35Z 140K followers, 84K engagements


"CSS card parallax with pointermove + custom props 🧑🍳 div class=ring style="--i: 2" .ring translate: calc(var(--px) * (var(--i) * -2rem)) calc(var(--py) * (var(--i) * 2rem)); trick: pointer mapping to rotate card in 3D + translate rings 2D for the illusion 🤙 check it 👇"  
[X Link](https://x.com/jh3yy/status/1987670585133187417)  2025-11-09T23:56Z 140K followers, 304.8K engagements


"context-aware css card glow/shine effect 👨🍳 the trick: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur 🤙 check it 👇"  
[X Link](https://x.com/jh3yy/status/1992003440579662211)  2025-11-21T22:53Z 140K followers, 618.9K engagements


"css trick for the "shine" border 🧑🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move"  
[X Link](https://x.com/jh3yy/status/1994820920712757672)  2025-11-29T17:29Z 140K followers, 199.4K engagements


"you can do this one with css grid position: sticky and some scroll animation 👨🍳"  
[X Link](https://x.com/jh3yy/status/1996336448153559150)  2025-12-03T21:51Z 140K followers, 154.1K engagements


"you can stack elements with css grid/subgrid by giving them the same grid position 🧑🍳 this scroll track window is a great use case for css grid + position: sticky catch the 3D breakdown 👇"  
[X Link](https://x.com/jh3yy/status/1998097484904849703)  2025-12-08T18:28Z 140K followers, 116.7K engagements


"a css + ui course is still very much the plan doin a lot of life atm the plan is to release when we move 🤞 until then things remain free 🤙"  
[X Link](https://x.com/jh3yy/status/1998196482491691047)  2025-12-09T01:02Z 140K followers, 19.8K engagements


"@blvdmitry its truly a wonderful site even getting to contribute a small part has been epic. partly to get a preview and see all the amazing effort behind the scenes 👏🔥"  
[X Link](https://x.com/jh3yy/status/1998795842459980003)  2025-12-10T16:43Z 140K followers, XXX engagements


"@wesbos yep - you can build a whole pinboard app with it wild to think i built this this one in 2023 and now were getting anchor in Firefox 🙌"  
[X Link](https://x.com/jh3yy/status/1998915788452016426)  2025-12-11T00:40Z 140K followers, 7572 engagements

[GUEST ACCESS MODE: Data is scrambled or limited to provide examples. Make requests using your API key to unlock full data. Check https://lunarcrush.ai/auth for authentication information.]

@jh3yy Avatar @jh3yy jhey ʕ•ᴥ•ʔ

jhey ʕ•ᴥ•ʔ posts on X about all the, hidden, breakdown, lack of the most. They currently have XXXXXXX followers and 1330 posts still getting attention that total XXXXXX engagements in the last XX hours.

Engagements: XXXXXX #

Engagements Line Chart

  • X Week XXXXXXX -XX%
  • X Month XXXXXXXXX -XX%
  • X Months XXXXXXXXX +92%
  • X Year XXXXXXXXXX -XX%

Mentions: XX #

Mentions Line Chart

  • X Week XX -XX%
  • X Month XX -XX%
  • X Months XXX +58%
  • X Year XXX -XX%

Followers: XXXXXXX #

Followers Line Chart

  • X Week XXXXXXX +0.17%
  • X Month XXXXXXX +1.40%
  • X Months XXXXXXX +6.50%
  • X Year XXXXXXX +19%

CreatorRank: XXXXXXX #

CreatorRank Line Chart

Social Influence

Social category influence finance social networks stocks

Social topic influence all the, hidden, breakdown, lack of, slack, me in, $shop, realtime, if you, props

Top accounts mentioned or mentioned by @codepen @keyframes @vercel @nextjs @greensock @openai @biomejs @charbone @adamwathan @alexvonmatterh @figma @simonswiss @framer @tailwindcss @lmsqueezy @startingstyle @reactjs @supabase @radixui @johnphamous

Top assets mentioned Shopify Inc (SHOP)

Top Social Posts

Top posts by engagements in the last XX hours

"this goes for buying "UI Component" packs too please do your due diligence 🙏 people will happily takes 100s of dollars from you but you could end up doing the work twice for a11y perf etc. it's a shame when a proponent of design engineering is building things with care"
X Link 2025-12-08T16:29Z 140K followers, 32.4K engagements

"This CSS trick is fascinating By setting: type=range overflow: hidden; You can create a view timeline on the handle: ::-webkit-slider-thumb view-timeline: --thumb inline; And then you can use that to build all sorts of custom range sliders 🚀"
X Link 2024-07-25T01:53Z 140K followers, 95.8K engagements

"5 min cursor trails with grid + CSS custom properties 💫 div style="--o: 0.2; --r: 3" .grid div opacity: var(--o); transition: opacity 0.8s rotate 0.4s; &:hover transition-duration: 0s; rotate: calc(var(--r 0) * 90deg); opacity: 1; trick: dynamic :hover transition"
X Link 2025-10-27T16:09Z 140K followers, 346.2K engagements

"messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨🍳"
X Link 2025-11-04T19:34Z 140K followers, 141.3K engagements

"accordion transitions w/ css ::details-content details + summary 🧑🍳 details:has( open) --y: -1; open details --y: 1; details translate: X calc(var(--y) * 1rem); open::details-content height: fit-content;"
X Link 2025-11-06T21:23Z 140K followers, 116.3K engagements

"s/o to @steve_hayes who sniped me in Slack with a prompt that i felt obliged to explore/prototype quick 😁 it's a play on the glow cards we did a year or so back you can play with all the controls in this @CodePen 🤙"
X Link 2025-11-22T01:01Z 140K followers, 28.8K engagements

"honored to contribute to this year's live globe site 🌎 the desktop is a separate app that gets embedded into the scene built with web components tailwind and SVG 👨🍳 hint: 4930"
X Link 2025-11-28T12:24Z 140K followers, 99.1K engagements

"you can totally do it with css 🧑🍳 use a border mask layers + overflow: hidden or other tricks skip animating the gradient though jus' spin a 1:1 gradient layer 🤙"
X Link 2025-11-30T01:08Z 140K followers, 281.6K engagements

"you can jus' kinda pixelate things with svg feFlood + feTile + feMorphology 👨🍳"
X Link 2025-12-02T00:06Z 140K followers, 34.8K engagements

"@LukeGainzz thats the joy of relying on basic layout here its gonna be accessible out of the box 🫶 jus needs the right attributes on the images and section content semantically appropriate 🤙 (my demo has extras for the sake of the breakdown 😅)"
X Link 2025-12-10T15:50Z 140K followers, XX engagements

"@victorbuikem nothing if you set it all up correctly 🤙"
X Link 2025-12-08T16:37Z 139.8K followers, XX engagements

"@bedesqui had a little its the overlaps that are troubling right a solid stroke that aligns with your reduced alpha will work 🤙 the issue that can pop up with trying to connect things is a little overlap/gap we even found this week that sometimes opacity causes perf issues in svg"
X Link 2025-12-09T00:16Z 139.9K followers, XXX engagements

"responsive CSS pinned sidebar transition 📌 .layout:has(:popover-open) grid-template-columns: var(--sidebar-width) 1fr; aside:popover-open translate: X var(--ctrl); height: var(--extend); actual zero JS for the layout transition here so many details to play with 🧑🍳"
X Link 2025-10-12T23:30Z 140K followers, 384.1K engagements

"the trick: SVG displacement filter via CSS filter property. use on scaled duplicate content in the view finder element. that way you dont need to worry about backdrop-filter support 🤙 the tell: you dont see all the content behind nice stuff 😎"
X Link 2025-11-02T09:35Z 140K followers, 84K engagements

"CSS card parallax with pointermove + custom props 🧑🍳 div class=ring style="--i: 2" .ring translate: calc(var(--px) * (var(--i) * -2rem)) calc(var(--py) * (var(--i) * 2rem)); trick: pointer mapping to rotate card in 3D + translate rings 2D for the illusion 🤙 check it 👇"
X Link 2025-11-09T23:56Z 140K followers, 304.8K engagements

"context-aware css card glow/shine effect 👨🍳 the trick: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur 🤙 check it 👇"
X Link 2025-11-21T22:53Z 140K followers, 618.9K engagements

"css trick for the "shine" border 🧑🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move"
X Link 2025-11-29T17:29Z 140K followers, 199.4K engagements

"you can do this one with css grid position: sticky and some scroll animation 👨🍳"
X Link 2025-12-03T21:51Z 140K followers, 154.1K engagements

"you can stack elements with css grid/subgrid by giving them the same grid position 🧑🍳 this scroll track window is a great use case for css grid + position: sticky catch the 3D breakdown 👇"
X Link 2025-12-08T18:28Z 140K followers, 116.7K engagements

"a css + ui course is still very much the plan doin a lot of life atm the plan is to release when we move 🤞 until then things remain free 🤙"
X Link 2025-12-09T01:02Z 140K followers, 19.8K engagements

"@blvdmitry its truly a wonderful site even getting to contribute a small part has been epic. partly to get a preview and see all the amazing effort behind the scenes 👏🔥"
X Link 2025-12-10T16:43Z 140K followers, XXX engagements

"@wesbos yep - you can build a whole pinboard app with it wild to think i built this this one in 2023 and now were getting anchor in Firefox 🙌"
X Link 2025-12-11T00:40Z 140K followers, 7572 engagements

creator/x::jh3yy
/creator/x::jh3yy