cubiq (@CubiqNation) header
cubiq (@CubiqNation) profile picture

22

Czech Republic
Joined November 2016
Photo by cubiq (@CubiqNation)Photo by cubiq (@CubiqNation)Photo by cubiq (@CubiqNation)Photo by cubiq (@CubiqNation)Photo by cubiq (@CubiqNation)Photo by cubiq (@CubiqNation)Photo by cubiq (@CubiqNation)Photo by cubiq (@CubiqNation)Photo by cubiq (@CubiqNation)Photo by cubiq (@CubiqNation)
🫧 So I made it ~ Liquid ~ no JavaScript, just #CSS Link in the 🧵 @Apple @Figma
10
11
4
71
12,165
cubiq retweeted
Oh and just yesterday I made flutes userstyle for @figma ✨ I really just can't get enough of the flutes too!
1
1
9
409
What a way to start the New Year! 🎉 This is probably the wildest web discovery I’ve seen in YEARS🤯 I generally don’t repost others’ posts, but this is absolutely next level 🔥
Just remembered, I had made a #threejs html bridge last year using svg foreign object but didn't share Asked claude to finish and deploy it, it did, its now making a plugin for threepipe HTML rendering within a canvas with support for interaction and css animations. link...
5
482
cubiq retweeted
Or do I also just share the fig?
1
6
438
🫠 The original solution was clean and simple… so naturally I went and overengineered it. Sharing it here in case anyone enjoys that kind of pain:
As requested, here's how I made it!
2
1
6
758
Or do I also just share the fig?
1
6
438
🧪SVG Filters Experiments: Liquid Metal
2
2
25
9,264
oh wow, since balnit's repost this one got an insane amount attention. Ill share the svg filter but just be sure it is not production ready 😅 (insanely heavy :D)
1
3
197
#5 → ASCII art by @CubiqNation This one is unique. It uses chained SVG filters to convert brightness bands to ASCII symbols. I turned the codepen (codepen.io/Cubiq-ish/pen/dPY…) into a neat Framer comp you can apply to images & videos. Let me know below if you want a remix link ↓
1
2
5
507
So far my best approach for native Progressive Blur yet! No fancy SVG filters No blur stacking No masking No JS Fully CSS Only 1 element Animatable thought I'd share some more WIP discoveries there 🤍
3
10
523
Gotta polish it, so far super messy but will definitely share pen for this one soon!
3
221
Replying to @jh3yy
Ive been using view timelines for a while too ;) I can confidentially say that even cooler than for sliders it is for my 2d controls without a single line of js 🤍 the great part is that since it's just html 2 elements (+ pseudos), on mobile i can show it as scrollzones <3
1
1
3
354
kinda can see now that due to the twttr compression the effect is not as I'd like to showcase it... anyways, here's the deeper look :)
1
1
339
SVG Filter Experiments: ⏹️ 3D Bevel
2
5
238
kinda can see now that due to the twttr compression the effect is not as I'd like to showcase it... anyways, here's the deeper look :)
1
1
339
📣 New article on @FrontendMasters about a visual problem that bugged me for years: making a card that truly feels deep. frontendmasters.com/blog/the… Would love your thoughts. Huge thanks to @CubiqNation for the great solution!
3
6
1
42
3,515
SVG Filter Experiments: ░ Halftone
7
295
🧪SVG Filter Experiments: 🌹Pixel Stretch
5
331
Design engineering has always felt like a small world. You see detail-oriented people who care deeply about craft but rarely get the chance to truly connect, ask insightful questions, and understand their thought process. That is why, over the past week, I have been quietly building a small, invite-only Discord community for design engineers. The conversations have been thoughtful, curious, and meaningful. It already feels like something special. It is called Design Engineering World (DEW), a space focused on genuine conversation, feedback, and intentionality. Even though DEW lives on Discord, I created a public X list of all members so you can explore their work and get a custom feed of what they are building: nitter.cf/i/lists/19870840931214…
2
2
2
20
6,751
Replying to @artur_bien
I recently added it to my mobile Spotify 🤍
1
2
336
Kinda tempting to do this btw 👀
1
1
411