Pavel Laptev
@pavellaptev.bsky.social
Lead designer 𝘢𝘵 @gitbutler.com ⧓
pavellaptev.github.io
I write open-source code, doing UI and Figma plugins. Design systems ✶ Open source ✼ Automation #FigmaPlugins #DesignSystems #Frontend #OpenSource #UXUI #WebDev
pavellaptev.github.io
I write open-source code, doing UI and Figma plugins. Design systems ✶ Open source ✼ Automation #FigmaPlugins #DesignSystems #Frontend #OpenSource #UXUI #WebDev
Just applied for the Figma Slots.
That should complete my 2023 feature wishlist.
That should complete my 2023 feature wishlist.
October 30, 2025 at 12:04 AM
Just applied for the Figma Slots.
That should complete my 2023 feature wishlist.
That should complete my 2023 feature wishlist.
The AWS outage also affected @figma.com it’s slow and sometimes doesn’t load libraries. Oh well… let's wait.
October 20, 2025 at 10:08 PM
The AWS outage also affected @figma.com it’s slow and sometimes doesn’t load libraries. Oh well… let's wait.
Despite all SVG’s power, you still can’t round just one corner of a rectangle — only full sides, vertically or horizontally. 🤷
October 16, 2025 at 1:43 PM
Despite all SVG’s power, you still can’t round just one corner of a rectangle — only full sides, vertically or horizontally. 🤷
I wrote a new article about how we use Grid Layout on our new @gitbutler.com. I’m not a heavy Grid Layout user, but I really enjoy working with it on new projects, it solves many issues that previously required hacks. Check it out here:
blog.gitbutler.com/grid-happens
blog.gitbutler.com/grid-happens
Grid Happens: Because Flexbox Wasn’t Enough
How we built a flexible, responsive 12-column CSS Grid system for our website redesign: lessons, hacks, and why grid finally made sense.
blog.gitbutler.com
October 14, 2025 at 9:25 AM
I wrote a new article about how we use Grid Layout on our new @gitbutler.com. I’m not a heavy Grid Layout user, but I really enjoy working with it on new projects, it solves many issues that previously required hacks. Check it out here:
blog.gitbutler.com/grid-happens
blog.gitbutler.com/grid-happens
It oddly feels good to see that even fancy browsers like Arc have pages that look like this.
October 10, 2025 at 9:36 PM
It oddly feels good to see that even fancy browsers like Arc have pages that look like this.
This issue has been around for 3 years, but this article finally clears it up: edbartholomew.com/blog/how-to-...
If you're adding a custom cursor on Safari, you *must* use `image-set` — even for SVGs — or it’ll look blurry.
If you're adding a custom cursor on Safari, you *must* use `image-set` — even for SVGs — or it’ll look blurry.
How to create SVG custom cursors that are not pixelated or blurry | Ed Bartholomew
Learn how to create SVG custom cursors that look sharp and clear on Safari retina displays with this step-by-step guide.
edbartholomew.com
October 10, 2025 at 1:16 PM
This issue has been around for 3 years, but this article finally clears it up: edbartholomew.com/blog/how-to-...
If you're adding a custom cursor on Safari, you *must* use `image-set` — even for SVGs — or it’ll look blurry.
If you're adding a custom cursor on Safari, you *must* use `image-set` — even for SVGs — or it’ll look blurry.
Loving the design and the fact that everything in a single CodePen 🙌
TIL: Arcball Controls
I can't believe this performs so well. The browser is recreating the SVG from scratch on every frame. Will be used on the RYBitten site (maybe :D)
codepen.io/meodai/pen/P...
I can't believe this performs so well. The browser is recreating the SVG from scratch on every frame. Will be used on the RYBitten site (maybe :D)
codepen.io/meodai/pen/P...
October 8, 2025 at 1:01 PM
Loving the design and the fact that everything in a single CodePen 🙌
Been building a new Figma plugin that auto-generates frame/section paddings (Figma only goes up to 100px right now). The real challenge? Naming it. Some plugin names are pure struggle, and now I’m facing the same problem—what to call mine 😁
October 8, 2025 at 11:49 AM
Been building a new Figma plugin that auto-generates frame/section paddings (Figma only goes up to 100px right now). The real challenge? Naming it. Some plugin names are pure struggle, and now I’m facing the same problem—what to call mine 😁
I was wondering why there’s exactly `//` in `https://`. Fun fact: Tim Berners-Lee admitted it was unnecessary.
www.sitepoint.com/sir-tim-bern...
www.sitepoint.com/sir-tim-bern...
October 2, 2025 at 12:33 PM
I was wondering why there’s exactly `//` in `https://`. Fun fact: Tim Berners-Lee admitted it was unnecessary.
www.sitepoint.com/sir-tim-bern...
www.sitepoint.com/sir-tim-bern...
That’s a funny one — crates.io/crates/cargo...
crates.io: Rust Package Registry
crates.io
October 2, 2025 at 10:21 AM
That’s a funny one — crates.io/crates/cargo...
Not the most ridiculous part of the site is the idea itself — it’s that they don’t even use video for the animation, just endlessly loading PNGs… 🙃
September 23, 2025 at 9:26 PM
Not the most ridiculous part of the site is the idea itself — it’s that they don’t even use video for the animation, just endlessly loading PNGs… 🙃
It’s been almost two years, but here’s my first article on the @gitbutler.com blog! 🎉
I love little CSS hacks — this one shows how to dynamically update counters that react to container width using only CSS.
👉 blog.gitbutler.com/responsive-i...
I love little CSS hacks — this one shows how to dynamically update counters that react to container width using only CSS.
👉 blog.gitbutler.com/responsive-i...
A Responsive Item Counter with CSS only
Learn to create dynamic "+X more" counters that update automatically without JavaScript, using CSS Container Queries, Custom Properties, and Counters for responsive components that adapt to container ...
blog.gitbutler.com
September 23, 2025 at 8:52 AM
It’s been almost two years, but here’s my first article on the @gitbutler.com blog! 🎉
I love little CSS hacks — this one shows how to dynamically update counters that react to container width using only CSS.
👉 blog.gitbutler.com/responsive-i...
I love little CSS hacks — this one shows how to dynamically update counters that react to container width using only CSS.
👉 blog.gitbutler.com/responsive-i...
keyboard wall installed!
The most peculiar one is the black industrial model. Almost a Severance vibe - The work is mysterious and important.
The most peculiar one is the black industrial model. Almost a Severance vibe - The work is mysterious and important.
September 17, 2025 at 8:12 AM
keyboard wall installed!
The most peculiar one is the black industrial model. Almost a Severance vibe - The work is mysterious and important.
The most peculiar one is the black industrial model. Almost a Severance vibe - The work is mysterious and important.
Reposted by Pavel Laptev
⋈ v0.16.0 of GitButler introduces a native Claude Code UI for orchestrating multiple sessions in parallel. Check it out 👇
youtu.be/lTOo4v5KGkk
youtu.be/lTOo4v5KGkk
Claude Code Gets a Native UI Inside GitButler
YouTube video by GitButler
youtu.be
September 11, 2025 at 2:49 PM
⋈ v0.16.0 of GitButler introduces a native Claude Code UI for orchestrating multiple sessions in parallel. Check it out 👇
youtu.be/lTOo4v5KGkk
youtu.be/lTOo4v5KGkk
Was making a large PR for a feature and just wanted to share how easy it is to reorder and amend commits with @gitbutler.com
September 11, 2025 at 1:02 PM
Was making a large PR for a feature and just wanted to share how easy it is to reorder and amend commits with @gitbutler.com
Liquid glass effect with SVG.
I knew you could pull off some cool distortion effects (like those on Coderops), but looks like this one is real math.
kube.io/blog/liquid-...
I knew you could pull off some cool distortion effects (like those on Coderops), but looks like this one is real math.
kube.io/blog/liquid-...
September 9, 2025 at 12:27 PM
Liquid glass effect with SVG.
I knew you could pull off some cool distortion effects (like those on Coderops), but looks like this one is real math.
kube.io/blog/liquid-...
I knew you could pull off some cool distortion effects (like those on Coderops), but looks like this one is real math.
kube.io/blog/liquid-...
Hottake: High-profile keyboards = ✨aesthetic suffering✨
September 8, 2025 at 6:46 PM
Hottake: High-profile keyboards = ✨aesthetic suffering✨
What we really need for the next State of CSS
September 7, 2025 at 1:33 PM
What we really need for the next State of CSS
Didn't know you can control earbuds via web. FYI for those using Nothing — no official Mac app yet, but this works perfectly earweb.bttl.xyz
ear (web)
earweb.bttl.xyz
August 25, 2025 at 12:51 PM
Didn't know you can control earbuds via web. FYI for those using Nothing — no official Mac app yet, but this works perfectly earweb.bttl.xyz
Asked Claude for a line of copy, got a full UI and some HTML to go with it. 👏 It's Tailwindy, of course, because what *isn't* these days? Actual styles, not utility classes. Won’t be using it, but appreciated.
July 21, 2025 at 9:48 AM
Asked Claude for a line of copy, got a full UI and some HTML to go with it. 👏 It's Tailwindy, of course, because what *isn't* these days? Actual styles, not utility classes. Won’t be using it, but appreciated.
I really like Figma’s UI—it’s cool and well-thought-out. But like any design system, it sometimes has scaling issues. It’s interesting how, in this case, the design tries to solve it with the tools they have (limited)—for example, these three stacked popups where one triggers another.
July 18, 2025 at 8:57 AM
I really like Figma’s UI—it’s cool and well-thought-out. But like any design system, it sometimes has scaling issues. It’s interesting how, in this case, the design tries to solve it with the tools they have (limited)—for example, these three stacked popups where one triggers another.
This is a nice design—love the aesthetic 🤌
I also like that it’s open-source and you can build it yourself.
dreamrecorder.ai
The only thing is that PLA printing is never that smooth, so the actual shell will look a bit different.
I also like that it’s open-source and you can build it yourself.
dreamrecorder.ai
The only thing is that PLA printing is never that smooth, so the actual shell will look a bit different.
July 8, 2025 at 11:49 AM
This is a nice design—love the aesthetic 🤌
I also like that it’s open-source and you can build it yourself.
dreamrecorder.ai
The only thing is that PLA printing is never that smooth, so the actual shell will look a bit different.
I also like that it’s open-source and you can build it yourself.
dreamrecorder.ai
The only thing is that PLA printing is never that smooth, so the actual shell will look a bit different.
Reposted by Pavel Laptev
We just released v0.15 of the GitButler client - new layout, new UI, advanced commit message editor, partial hunk commits, uncommitting files, GitLab integration - so much going on in the last few months.
Check it out.
blog.gitbutler.com/gitbutler-15...
Check it out.
blog.gitbutler.com/gitbutler-15...
GitButler 0.15 - "Quirky Quinceañera"
GitButler 0.15 is out, featuring a brand new user interface, stability improvements, line based commits and more!
blog.gitbutler.com
July 2, 2025 at 7:59 AM
We just released v0.15 of the GitButler client - new layout, new UI, advanced commit message editor, partial hunk commits, uncommitting files, GitLab integration - so much going on in the last few months.
Check it out.
blog.gitbutler.com/gitbutler-15...
Check it out.
blog.gitbutler.com/gitbutler-15...
It's fun seeing how differently our team names PRs 😁
June 30, 2025 at 12:46 PM
It's fun seeing how differently our team names PRs 😁