Bogdan
@trysound.io
Building open source for humans
- https://engramma.dev - design token manager
- https://webstudio.is - visual builder
https://trysound.io
https://github.com/TrySound
https://linkedin.com/in/bogdan-chadkin/
Prev: Postcss, Rollup, SVGO
- https://engramma.dev - design token manager
- https://webstudio.is - visual builder
https://trysound.io
https://github.com/TrySound
https://linkedin.com/in/bogdan-chadkin/
Prev: Postcss, Rollup, SVGO
Pinned
Bogdan
@trysound.io
· 7d
Hire Bogdan Chadkin - Software Engineer
Software Engineer building fast, accessible user interfaces and scalable front-end architecture.
trysound.io
Hey! I'm looking for my next thing. Could be contract or full-time.
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
Reposted by Bogdan
Getting some progress with area in color picker
February 9, 2026 at 7:30 AM
Getting some progress with area in color picker
Reposted by Bogdan
Hey! I'm looking for my next thing. Could be contract or full-time.
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
Hire Bogdan Chadkin - Software Engineer
Software Engineer building fast, accessible user interfaces and scalable front-end architecture.
trysound.io
February 3, 2026 at 9:54 AM
Hey! I'm looking for my next thing. Could be contract or full-time.
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
Getting some progress with area in color picker
February 9, 2026 at 7:30 AM
Getting some progress with area in color picker
Reposted by Bogdan
Found on interesting bug in firefox. Color function with none component is not interpolated within gradients. Though it works with oklch.
bugzilla.mozilla.org/show_bug.cgi...
bugzilla.mozilla.org/show_bug.cgi...
February 7, 2026 at 10:15 AM
Found on interesting bug in firefox. Color function with none component is not interpolated within gradients. Though it works with oklch.
bugzilla.mozilla.org/show_bug.cgi...
bugzilla.mozilla.org/show_bug.cgi...
Reposted by Bogdan
A few years ago I designed the original logo for @designtokens.org. Recently they asked me to refresh it: simpler, more versatile, and blue (the original color of links). The new logo builds on the old one, keeping the connected core while refining it for any size or use.
October 30, 2025 at 2:39 PM
A few years ago I designed the original logo for @designtokens.org. Recently they asked me to refresh it: simpler, more versatile, and blue (the original color of links). The new logo builds on the old one, keeping the connected core while refining it for any size or use.
Found on interesting bug in firefox. Color function with none component is not interpolated within gradients. Though it works with oklch.
bugzilla.mozilla.org/show_bug.cgi...
bugzilla.mozilla.org/show_bug.cgi...
February 7, 2026 at 10:15 AM
Found on interesting bug in firefox. Color function with none component is not interpolated within gradients. Though it works with oklch.
bugzilla.mozilla.org/show_bug.cgi...
bugzilla.mozilla.org/show_bug.cgi...
If you find Engramma (design tokens app) interesting, give it a like on @npmx.dev
npmx.dev/package/engr...
npmx.dev/package/engr...
February 4, 2026 at 10:20 AM
If you find Engramma (design tokens app) interesting, give it a like on @npmx.dev
npmx.dev/package/engr...
npmx.dev/package/engr...
Hey! I'm looking for my next thing. Could be contract or full-time.
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
Hire Bogdan Chadkin - Software Engineer
Software Engineer building fast, accessible user interfaces and scalable front-end architecture.
trysound.io
February 3, 2026 at 9:54 AM
Hey! I'm looking for my next thing. Could be contract or full-time.
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
I build design systems, web apps, and design tools.
If you know someone who needs a frontend/fullstack dev, send them my way 🙏
trysound.io/hire-me
Reposted by Bogdan
🎉 Open Props 🤝 Engramma 🎉
Excited to share that Engramma now ships with Open Props as a built-in preset for design tokens.
Open Props gives you a solid, battle-tested foundation of CSS custom properties that you can easily alias to your own semantic token set.
Excited to share that Engramma now ships with Open Props as a built-in preset for design tokens.
Open Props gives you a solid, battle-tested foundation of CSS custom properties that you can easily alias to your own semantic token set.
February 2, 2026 at 6:34 PM
🎉 Open Props 🤝 Engramma 🎉
Excited to share that Engramma now ships with Open Props as a built-in preset for design tokens.
Open Props gives you a solid, battle-tested foundation of CSS custom properties that you can easily alias to your own semantic token set.
Excited to share that Engramma now ships with Open Props as a built-in preset for design tokens.
Open Props gives you a solid, battle-tested foundation of CSS custom properties that you can easily alias to your own semantic token set.
Love how with a little sprinkle of CSS you can transition elements between pages.
All it takes is @view-transition { navigation: auto } and view-transition-name defined on the element.
All it takes is @view-transition { navigation: auto } and view-transition-name defined on the element.
February 3, 2026 at 6:05 AM
Love how with a little sprinkle of CSS you can transition elements between pages.
All it takes is @view-transition { navigation: auto } and view-transition-name defined on the element.
All it takes is @view-transition { navigation: auto } and view-transition-name defined on the element.
Reposted by Bogdan
I loved working full-time on @vite.dev hired by StackBlitz. High praise to companies hiring OSS devs!
But as I did when starting @vitest.dev with @antfu.me, for this new community adventure, as project steward of @npmx.dev together with @danielroe.dev, I'll be going independent. Here we go again ❤️
But as I did when starting @vitest.dev with @antfu.me, for this new community adventure, as project steward of @npmx.dev together with @danielroe.dev, I'll be going independent. Here we go again ❤️
We have a unique opportunity with npmx. We're building something very special together. I want to give myself the chance to focus on helping steward the project. I'm going to be working as an independent open source developer this year. Support my work and help me focus on npmx long-term 🙏
Sponsor @patak-dev on GitHub Sponsors
Hey! I'm one of the Project Stewards of [npmx](https://npmx.dev). We're building a modern browser for the npm registry, by fostering an ever growing community of developers and trying to set an exa...
github.com
February 1, 2026 at 8:44 PM
I loved working full-time on @vite.dev hired by StackBlitz. High praise to companies hiring OSS devs!
But as I did when starting @vitest.dev with @antfu.me, for this new community adventure, as project steward of @npmx.dev together with @danielroe.dev, I'll be going independent. Here we go again ❤️
But as I did when starting @vitest.dev with @antfu.me, for this new community adventure, as project steward of @npmx.dev together with @danielroe.dev, I'll be going independent. Here we go again ❤️
🎉 Open Props 🤝 Engramma 🎉
Excited to share that Engramma now ships with Open Props as a built-in preset for design tokens.
Open Props gives you a solid, battle-tested foundation of CSS custom properties that you can easily alias to your own semantic token set.
Excited to share that Engramma now ships with Open Props as a built-in preset for design tokens.
Open Props gives you a solid, battle-tested foundation of CSS custom properties that you can easily alias to your own semantic token set.
February 2, 2026 at 6:34 PM
🎉 Open Props 🤝 Engramma 🎉
Excited to share that Engramma now ships with Open Props as a built-in preset for design tokens.
Open Props gives you a solid, battle-tested foundation of CSS custom properties that you can easily alias to your own semantic token set.
Excited to share that Engramma now ships with Open Props as a built-in preset for design tokens.
Open Props gives you a solid, battle-tested foundation of CSS custom properties that you can easily alias to your own semantic token set.
Reposted by Bogdan
Rebuilt my website using Astro. The setup was incredibly easy and fast. Every question I had was answered in the docs. Took just a few hours.
🔗 trysound.io
🔗 trysound.io
Bogdan Chadkin - Software Engineer
trysound.io
February 2, 2026 at 1:02 PM
Rebuilt my website using Astro. The setup was incredibly easy and fast. Every question I had was answered in the docs. Took just a few hours.
🔗 trysound.io
🔗 trysound.io
Rebuilt my website using Astro. The setup was incredibly easy and fast. Every question I had was answered in the docs. Took just a few hours.
🔗 trysound.io
🔗 trysound.io
Bogdan Chadkin - Software Engineer
trysound.io
February 2, 2026 at 1:02 PM
Rebuilt my website using Astro. The setup was incredibly easy and fast. Every question I had was answered in the docs. Took just a few hours.
🔗 trysound.io
🔗 trysound.io
Reposted by Bogdan
🎉 Open Props now supports the stable Design Tokens specification!
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
January 31, 2026 at 8:32 AM
🎉 Open Props now supports the stable Design Tokens specification!
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
Reposted by Bogdan
The @e18e.dev project, which systematically speeds up the Node.js ecosystem, has published its 2025 results.
Invisible heroes who make life better for all of us. They need our support.
e18e.dev/blog/the-yea...
Invisible heroes who make life better for all of us. They need our support.
e18e.dev/blog/the-yea...
February 1, 2026 at 10:35 AM
The @e18e.dev project, which systematically speeds up the Node.js ecosystem, has published its 2025 results.
Invisible heroes who make life better for all of us. They need our support.
e18e.dev/blog/the-yea...
Invisible heroes who make life better for all of us. They need our support.
e18e.dev/blog/the-yea...
🎉 Open Props now supports the stable Design Tokens specification!
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
January 31, 2026 at 8:32 AM
🎉 Open Props now supports the stable Design Tokens specification!
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
Reposted by Bogdan
There are few ideas to integrate Engramma into various tools. Now you can use Engramma on your website. The new engramma package packs the whole app in a Custom Element that you can drop into a dialog and use to edit design tokens extracted from CSS variables directly on the page.
January 26, 2026 at 7:49 AM
There are few ideas to integrate Engramma into various tools. Now you can use Engramma on your website. The new engramma package packs the whole app in a Custom Element that you can drop into a dialog and use to edit design tokens extracted from CSS variables directly on the page.
Reposted by Bogdan
The next version of color-input will be smaller.
Similar to zod, colorjs.io offers functional API which is more convenient if you want to reduce the app size.
github.com/argyleink/cs...
Similar to zod, colorjs.io offers functional API which is more convenient if you want to reduce the app size.
github.com/argyleink/cs...
Migrate to functional colorjs API by TrySound · Pull Request #38 · argyleink/css-color-component
Even though almost all API of colorjs is used, functional variant is still more optimizable.
- 94273 color-input.min.js
- 350169 color-input.min.js.map
- 179696 index.js
- 356780 index.js.map
...
github.com
January 29, 2026 at 8:45 AM
The next version of color-input will be smaller.
Similar to zod, colorjs.io offers functional API which is more convenient if you want to reduce the app size.
github.com/argyleink/cs...
Similar to zod, colorjs.io offers functional API which is more convenient if you want to reduce the app size.
github.com/argyleink/cs...
Reposted by Bogdan
Open to contract work as a Frontend Engineer.
I care deeply about performance, web standards and DX. Previously shipped design tools and developer tooling.
www.linkedin.com/in/bogdan-ch...
github.com/TrySound
I care deeply about performance, web standards and DX. Previously shipped design tools and developer tooling.
www.linkedin.com/in/bogdan-ch...
github.com/TrySound
TrySound - Overview
Building open source web apps full time. Available for hire. - TrySound
github.com
January 21, 2026 at 7:10 AM
Open to contract work as a Frontend Engineer.
I care deeply about performance, web standards and DX. Previously shipped design tools and developer tooling.
www.linkedin.com/in/bogdan-ch...
github.com/TrySound
I care deeply about performance, web standards and DX. Previously shipped design tools and developer tooling.
www.linkedin.com/in/bogdan-ch...
github.com/TrySound
The next version of color-input will be smaller.
Similar to zod, colorjs.io offers functional API which is more convenient if you want to reduce the app size.
github.com/argyleink/cs...
Similar to zod, colorjs.io offers functional API which is more convenient if you want to reduce the app size.
github.com/argyleink/cs...
Migrate to functional colorjs API by TrySound · Pull Request #38 · argyleink/css-color-component
Even though almost all API of colorjs is used, functional variant is still more optimizable.
- 94273 color-input.min.js
- 350169 color-input.min.js.map
- 179696 index.js
- 356780 index.js.map
...
github.com
January 29, 2026 at 8:45 AM
The next version of color-input will be smaller.
Similar to zod, colorjs.io offers functional API which is more convenient if you want to reduce the app size.
github.com/argyleink/cs...
Similar to zod, colorjs.io offers functional API which is more convenient if you want to reduce the app size.
github.com/argyleink/cs...
Playing with a custom Figma plugin. It seemed pretty straightforward, until I tried to use an external library.
If you even dare to have import() in a TSDoc, Figma punishes you with a cryptic error (they scan for imports with a regex). Still, I managed to get it running.
If you even dare to have import() in a TSDoc, Figma punishes you with a cryptic error (they scan for imports with a regex). Still, I managed to get it running.
January 27, 2026 at 1:58 PM
Playing with a custom Figma plugin. It seemed pretty straightforward, until I tried to use an external library.
If you even dare to have import() in a TSDoc, Figma punishes you with a cryptic error (they scan for imports with a regex). Still, I managed to get it running.
If you even dare to have import() in a TSDoc, Figma punishes you with a cryptic error (they scan for imports with a regex). Still, I managed to get it running.
Reposted by Bogdan
Hey, we're Bombshell 👋
We're the maintainers behind projects like Astro, e18e, StudioCMS, and pkg.pr.new.
We're building focused, composable open source libraries for CLIs and TUIs.
Excited to show you what we've been up to.
bomb.sh/blog/introdu...
We're the maintainers behind projects like Astro, e18e, StudioCMS, and pkg.pr.new.
We're building focused, composable open source libraries for CLIs and TUIs.
Excited to show you what we've been up to.
bomb.sh/blog/introdu...
Introducing Bombshell
Bombshell is a growing collection of open source tools for building modern terminal interfaces in JavaScript.
bomb.sh
January 26, 2026 at 7:14 PM
Hey, we're Bombshell 👋
We're the maintainers behind projects like Astro, e18e, StudioCMS, and pkg.pr.new.
We're building focused, composable open source libraries for CLIs and TUIs.
Excited to show you what we've been up to.
bomb.sh/blog/introdu...
We're the maintainers behind projects like Astro, e18e, StudioCMS, and pkg.pr.new.
We're building focused, composable open source libraries for CLIs and TUIs.
Excited to show you what we've been up to.
bomb.sh/blog/introdu...
There are few ideas to integrate Engramma into various tools. Now you can use Engramma on your website. The new engramma package packs the whole app in a Custom Element that you can drop into a dialog and use to edit design tokens extracted from CSS variables directly on the page.
January 26, 2026 at 7:49 AM
There are few ideas to integrate Engramma into various tools. Now you can use Engramma on your website. The new engramma package packs the whole app in a Custom Element that you can drop into a dialog and use to edit design tokens extracted from CSS variables directly on the page.