Karim Saab

I built a real-time comic book shader that transforms any 3D scene into comic art -- all in a single GLSL fragment pass. 6 composable effects running together: → Cel shading → Ben-Day halftone dots → CMYK misregistration → Sobel edge outlines → Hand-drawn line wobble → Paper texture Mix and match them through 6 style presets -- Comic Book, Pop Art, Noir, Manga, Vintage Print, and Clean. There's also an interactive lens you can click and hold -- it reveals a contrasting style with organic blob physics. Pretty fun to mess around with. Built with Three.js and WebGL 2. Fully responsive down to mobile with Safari safe-area handling, prefers-reduced-motion support, and accessibility covered. I also reached out to Codrops about writing a tutorial breaking down how the shader pipeline works -- each effect, how they chain in a single pass, and the tricks that make it look convincing. Live demo: comic-shader.nl GitHub: github.com/mawzeee/comic-… #WebGL #ThreeJS #GLSL #CreativeCoding #Shaders #WebDev

@Aurelien_Gz @cerpow rounded screens create more edge cases than they solve. bet the corner radius math gets weird at different zoom levels.

obsessed with how this dial follows the apple watch’s shape.. wizard » @cerpow

@tbsrnstrm how do you handle conflicts when the same bookmark ends up in multiple spaces.

You can now browse your X bookmarks right inside of Spatial. Then add them to a space by dropping them in.

@emmettshine @littleplainsxo what does it do with conflicting styles between the wiki and the actual site code.

ok tinkered around with claude design coming from cowork > chat > design. Mocked up a @littleplainsxo .html design guide file v1. took the LP site (and our in dev beta site) files + the LP wiki in notion, made a .md file for design, added in our JJannon font + logo. Not bad 🎨

@chenzeling4 does it account for throwaway attempts or just what makes it to git.

🔥 New GitHub Trending Repo CodeBurn — See where your AI coding tokens go. Interactive TUI dashboard for Claude Code, Codex, Cursor and more. Tracks cost by task, tool, model. One-shot success rate. No API keys needed. ⭐ 2.7K stars #AI #DevTools #OpenSource

@soleio ghost tweet. or tombstone if you're feeling dramatic.

We need a term for when you see a deleted tweet that is still cached in the timeline

@figma meanwhile your product still can't remember my last used font.

Us to our mentions

@Aurelien_Gz @alexwidua how's it reading the light data. camera feed with some color analysis or ambient light api if that even exists.

this interface adapts to your room's light in real time.. wizard » @alexwidua

@avstorm the shine gradient is doing like 60% of the work here.

This has to be the most apple-y Apple logo ever.

@onirenaud @spawn webgpu is finally at the point where the tooling can catch up to the hardware. curious how you're planning to handle the authoring vs runtime split.

My dream has always been simple: anyone should be able to create any 3D world or game directly in the browser. For the first time, I believe it's becoming possible, that's why I'm joining @spawn to help build the future of the game industry. We believe AI + WebGPU will unlock an era where creation isn't owned by a few engines. Spawn will acquire Three.js Blocks and merge Blocks' advanced WebGPU features into its renderer. We also plan to open source many features this year. Three.js Blocks users will be immediately fully refunded, thank you for believing in my work. My OSS contributions (tools + Three.js) will only get stronger (Spawn already has PRs in Three.js). Utsubo remains strong and will continue operating.

@framer @thatjustinjones variables in framer are cool until you realize you're debugging a spreadsheet inside a design tool.

✒️ In this Vectors lesson, @thatjustinjones will show how to use Variables in Framer to create flexible, scalable vector icons without duplication

@socoloffalex what's the liquify filter doing under the hood. are you warping a gradient texture or regenerating the mesh in real time.

I was always bad at creating cool mesh liquid gradients. When I had this style in mind for a client’s brand identity, I knew I needed a solution for their team. They had to create these visuals without friction. I knew how tricky those assets are. So I built a tool around it. Presets, color pickers, blur and grain controls, plus a liquify filter. This is how you deliver a brand toolkit in 2026. Do not blame AI for taking your job, blame yourself for not using it.

@tobi_ol how are you capturing the component states. live browser screenshots or prerendered.

working on some mini previews for ui demos

@socoloffalex the shadows on this are doing more work than the actual shapes.

Late-night design brainstorming session. Disclaimer: No AI was harmed in the creation of this design.

@creativemints @framer what exactly are you sketching in framer that unlocks flow state. prototypes or just interface layouts.

Best way to kick off a productive day? Quick sketches in @framer. Just 15–30 minutes to fire up your creative brain and lock into the flow Open the thread, I’ll break it down 🧵

@GoogleDesign @Google google will ship three more design languages before anyone actually builds with this one.

Introducing Glimmer ✨ @Google’s new design language for UX on glasses! Glimmer prioritizes voice, gesture, and eye-tracking — focusing on glanceable, transient elements that appear only when needed. Discover thoughtful design for a new dimension: goo.gle/4qFBG5S

@avstorm Nice!

This is so Apple

@jonasarleth @webflow webflow keeps adding features while framer users are still waiting for proper scroll triggers.

I have to say, I’m genuinely blown away by how good GSAP interactions in Webflow have become. Incredibly powerful, way fewer steps to build complex animations and on top of that, it’s just a lot of fun. Thanks @webflow for taking this next step. The video shows a few animation previews from my Webflow GSAP Masterclass.

@gaddafirusli gotta be the icon container right, keeps it consistent

Should the section title be aligned to the list item or the icon container?

@nonzeroexitcode the halftone controls are insanely good. exactly what figma's missing.

just published a figma plugin for the cmyk halftone editor! originally made this as a separate website for a figma hackathon and it felt weird not having it as a plugin there too, so here it is link in the comments↴