[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.]

[@sorenblank](/creator/twitter/sorenblank)
"@jh3yy casio i don't wanna be paranoid that my watch will run out of battery and I have to go home and charge it TT"  
[X Link](https://x.com/sorenblank/status/1977098323325768092) [@sorenblank](/creator/x/sorenblank) 2025-10-11T19:45Z 1732 followers, XXX engagements


"made only using css. no js listener used. took me longer than i thought it would. for hover state im doing :has(*:is(.sidebar-icon-trigger:hover so much you can do in css using pseudo classes. invest in css"  
[X Link](https://x.com/sorenblank/status/1976394237899047313) [@sorenblank](/creator/x/sorenblank) 2025-10-09T21:08Z 1732 followers, 397.4K engagements


"using css scale() and translate() function and some viewport calculation to do this effect. for scale easing using ease-in-out-quart for 400ms. made it origin aware. craving spring ease like @emilkowalski_ did for @linear's team page. should have used @motiondotdev :)"  
[X Link](https://x.com/sorenblank/status/1978813635095875979) [@sorenblank](/creator/x/sorenblank) 2025-10-16T13:21Z 1732 followers, 9614 engagements


"also works for layout like this. it will perfectly scale from it's position to the middle of the screen and scale down it's original position. still experimenting some things. i did face some 1px of movement here and there. using css will-change: transform fixed the issue"  
[X Link](https://x.com/sorenblank/status/1979079948204757089) [@sorenblank](/creator/x/sorenblank) 2025-10-17T07:00Z 1732 followers, 55.1K engagements


"a simpler version of Linear's orbiting loader made only using css keyframes and preserve-3d transform-style for positioning children in 3d-space. no js used here at all. so much you can achieve with translateZ()and rotateY() css transform functions"  
[X Link](https://x.com/sorenblank/status/1979514453013287414) [@sorenblank](/creator/x/sorenblank) 2025-10-18T11:46Z 1732 followers, 105.3K engagements


"here is the code: and if you want try the component yourself: p.s: i know the code is shitty so don't judge. and yes i used @tailwindcss and it counts heh 3"  
[X Link](https://x.com/sorenblank/status/1976887943190196507) [@sorenblank](/creator/x/sorenblank) 2025-10-11T05:49Z 1732 followers, 15.4K engagements


"use css properties like blur and opacity in your animations to make it look smooth and not sloppy. using blurs opacity changes and spring animation is the reason why @Apple's animations looks smooth"  
[X Link](https://x.com/sorenblank/status/1977053360722457050) [@sorenblank](/creator/x/sorenblank) 2025-10-11T16:47Z 1732 followers, 75K engagements


"got inspired a bit by the new @Cloudflare redesign. i didn't find any code theme for cloudflare at ray(.)so by @raycast. I use this for taking shots of my code and share on X. its OS so I forked their repo and tried some colors ( copied from cf's css ). it looks good ngl"  
[X Link](https://x.com/sorenblank/status/1979652228484038948) [@sorenblank](/creator/x/sorenblank) 2025-10-18T20:54Z 1732 followers, 1527 engagements


"for now you can clone my forked repo and try it locally on sorenblank/cloudflare-theme branch"  
[X Link](https://x.com/sorenblank/status/1979654419970224313) [@sorenblank](/creator/x/sorenblank) 2025-10-18T21:02Z 1732 followers, XXX engagements


"@BDoma @iamsahaj_xyz you can look into t3chat's Ui. their one is interesting"  
[X Link](https://x.com/sorenblank/status/1976713785227485238) [@sorenblank](/creator/x/sorenblank) 2025-10-10T18:17Z 1706 followers, XX engagements


"@V0684342591941 scaleX and scaleY are calculating the necessary scale factor to fit the image within the window's inner dimensions given the margin. Math.min(scaleX scaleY) is to choose the lowest value so it doesn't exceed either the horizontal or vertical boundaries of the viewport"  
[X Link](https://x.com/sorenblank/status/1979113479509352940) [@sorenblank](/creator/x/sorenblank) 2025-10-17T09:13Z 1707 followers, XXX engagements


"@DanDermodyLLC yeah even most of my images are in 4:5 aspect ratio. choosing the minimum scale will scale value will scale it to the closest edge"  
[X Link](https://x.com/sorenblank/status/1979316913126912505) [@sorenblank](/creator/x/sorenblank) 2025-10-17T22:41Z 1704 followers, XXX engagements


"@ItsKhairzz you can try the web search button from here"  
[X Link](https://x.com/sorenblank/status/1979465571063468189) [@sorenblank](/creator/x/sorenblank) 2025-10-18T08:32Z 1719 followers, XX engagements


"@eNiiju how are you planning to do without some calculations note that im not doing absolute positioning here at all"  
[X Link](https://x.com/sorenblank/status/1979635654008119431) [@sorenblank](/creator/x/sorenblank) 2025-10-18T19:48Z 1709 followers, XX engagements


"@embracetheclank btw I used @t3dotchat to comment and document the exact logic of the css so that everyone can understand"  
[X Link](https://x.com/sorenblank/status/1977109956647342504) [@sorenblank](/creator/x/sorenblank) 2025-10-11T20:32Z 1729 followers, XX engagements


"playing with easing in css is fun. here im using ease-out-cubic with 200ms duration. this works best for user initiated interactions with transforms. animations here using css only transform and opacity. p.s: no don't count my useState. i love my useState"  
[X Link](https://x.com/sorenblank/status/1977850966998184041) [@sorenblank](/creator/x/sorenblank) 2025-10-13T21:36Z 1729 followers, 16.4K engagements


"@_IamOC @Cloudflare @raycast i haven't yet. doing it right now"  
[X Link](https://x.com/sorenblank/status/1979777060404093387) [@sorenblank](/creator/x/sorenblank) 2025-10-19T05:10Z 1732 followers, XX engagements


"@_IamOC @Cloudflare @raycast made a pr just now"  
[X Link](https://x.com/sorenblank/status/1979813826506940905) [@sorenblank](/creator/x/sorenblank) 2025-10-19T07:36Z 1732 followers, XX engagements