Bruno Stasse
@brunostasse.bsky.social
Creator of @silkhq.com • Making on the web what the web can't do • EU/France 🇪🇺 • silkhq.com
Page with background parallax.
120fps trackpad swipe animation. Animated header fade. Fully accessible.
On the web, with @silkhq.com
120fps trackpad swipe animation. Animated header fade. Fully accessible.
On the web, with @silkhq.com
July 8, 2025 at 1:57 PM
Page with background parallax.
120fps trackpad swipe animation. Animated header fade. Fully accessible.
On the web, with @silkhq.com
120fps trackpad swipe animation. Animated header fade. Fully accessible.
On the web, with @silkhq.com
Just added an `updateThemeColor()` function to @silkhq.com that lets you update the page `theme-color` used for the iOS status bar while preserving the dimming that makes it blend with the Sheet's Backdrop.
Pretty useful when you're switching between light/dark mode from within a Sheet!
Pretty useful when you're switching between light/dark mode from within a Sheet!
July 7, 2025 at 3:15 PM
Just added an `updateThemeColor()` function to @silkhq.com that lets you update the page `theme-color` used for the iOS status bar while preserving the dimming that makes it blend with the Sheet's Backdrop.
Pretty useful when you're switching between light/dark mode from within a Sheet!
Pretty useful when you're switching between light/dark mode from within a Sheet!
Tjek’s eTilbudsavis web app, home to digital catalogs from brands across Scandinavia, is now using @silkhq.com.
It looks great, check it out 👇
It looks great, check it out 👇
July 2, 2025 at 4:20 PM
Tjek’s eTilbudsavis web app, home to digital catalogs from brands across Scandinavia, is now using @silkhq.com.
It looks great, check it out 👇
It looks great, check it out 👇
Sometimes all you need is a clean, smoothly animated page.
120fps enter/exit animations. Inner scrolling with overshoot. Perfect body scroll locking. Fully accessible.
Made with @silkhq.com, on the web.
120fps enter/exit animations. Inner scrolling with overshoot. Perfect body scroll locking. Fully accessible.
Made with @silkhq.com, on the web.
July 1, 2025 at 2:10 PM
Sometimes all you need is a clean, smoothly animated page.
120fps enter/exit animations. Inner scrolling with overshoot. Perfect body scroll locking. Fully accessible.
Made with @silkhq.com, on the web.
120fps enter/exit animations. Inner scrolling with overshoot. Perfect body scroll locking. Fully accessible.
Made with @silkhq.com, on the web.
Rich in-editor hints for @silkhq.com just shipped!
You now get information about each component, sub-component and prop inline as you type. Learn what is required, what things do and how they compose together without leaving you editor.
You now get information about each component, sub-component and prop inline as you type. Learn what is required, what things do and how they compose together without leaving you editor.
June 30, 2025 at 1:29 PM
Rich in-editor hints for @silkhq.com just shipped!
You now get information about each component, sub-component and prop inline as you type. Learn what is required, what things do and how they compose together without leaving you editor.
You now get information about each component, sub-component and prop inline as you type. Learn what is required, what things do and how they compose together without leaving you editor.
Long scrollable sheet. Swipe up or down to dismiss with your trackpad.
Made with Silk, on the web.
Made with Silk, on the web.
June 19, 2025 at 2:53 PM
Long scrollable sheet. Swipe up or down to dismiss with your trackpad.
Made with Silk, on the web.
Made with Silk, on the web.
Sheet with transient detent. The intermediate detent is removed once the sheet reaches the last detent.
Swipe up or tap the input to expand. Scroll to dismiss the keyboard. Swipe down to dismiss the sheet.
Made with Silk, on the web.
Swipe up or tap the input to expand. Scroll to dismiss the keyboard. Swipe down to dismiss the sheet.
Made with Silk, on the web.
June 3, 2025 at 3:24 PM
Sheet with transient detent. The intermediate detent is removed once the sheet reaches the last detent.
Swipe up or tap the input to expand. Scroll to dismiss the keyboard. Swipe down to dismiss the sheet.
Made with Silk, on the web.
Swipe up or tap the input to expand. Scroll to dismiss the keyboard. Swipe down to dismiss the sheet.
Made with Silk, on the web.
Detached side drawer. Scrollable, swipeable, stackable.
Made with Silk, on the web.
Made with Silk, on the web.
May 28, 2025 at 1:13 PM
Detached side drawer. Scrollable, swipeable, stackable.
Made with Silk, on the web.
Made with Silk, on the web.
The backdrop not covering the status bar when opening a sheet on the web makes it feel... subpar compared to native.
So in Silk I baked-in the ability to blend them together by automatically dimming the theme-color in sync with the backdrop opacity.
So in Silk I baked-in the ability to blend them together by automatically dimming the theme-color in sync with the backdrop opacity.
May 27, 2025 at 1:07 PM
The backdrop not covering the status bar when opening a sheet on the web makes it feel... subpar compared to native.
So in Silk I baked-in the ability to blend them together by automatically dimming the theme-color in sync with the backdrop opacity.
So in Silk I baked-in the ability to blend them together by automatically dimming the theme-color in sync with the backdrop opacity.
Little UX improvement to the music player example that'll come with the code revamp I'm working on: you'll be able to scroll the page right after swiping down the panel, without having to wait for the animation to end.
May 26, 2025 at 12:58 PM
Little UX improvement to the music player example that'll come with the code revamp I'm working on: you'll be able to scroll the page right after swiping down the panel, without having to wait for the animation to end.
Simple swipeable page on the web, made with Silk.
May 20, 2025 at 2:00 PM
Simple swipeable page on the web, made with Silk.
Want a sheet that can only be dismissed with a button tap?
With Silk just set the `swipeDismissal` prop to `false` and the sheet won’t be dismissible by swipe.
On iOS the user can still swipe the sheet, but it will snap back into place instead of closing.
With Silk just set the `swipeDismissal` prop to `false` and the sheet won’t be dismissible by swipe.
On iOS the user can still swipe the sheet, but it will snap back into place instead of closing.
May 15, 2025 at 2:59 PM
Want a sheet that can only be dismissed with a button tap?
With Silk just set the `swipeDismissal` prop to `false` and the sheet won’t be dismissible by swipe.
On iOS the user can still swipe the sheet, but it will snap back into place instead of closing.
With Silk just set the `swipeDismissal` prop to `false` and the sheet won’t be dismissible by swipe.
On iOS the user can still swipe the sheet, but it will snap back into place instead of closing.
Detached sheet made with silkhq.co on the web.
Natural overshoot, status bar blending with the backdrop, swipe or click outside to dismiss.
Natural overshoot, status bar blending with the backdrop, swipe or click outside to dismiss.
May 13, 2025 at 12:22 PM
Detached sheet made with silkhq.co on the web.
Natural overshoot, status bar blending with the backdrop, swipe or click outside to dismiss.
Natural overshoot, status bar blending with the backdrop, swipe or click outside to dismiss.
Revamped the Community sheet and made it accessible through the nav. Really like that little sheet switching
May 6, 2025 at 5:57 PM
Revamped the Community sheet and made it accessible through the nav. Really like that little sheet switching
April 30, 2025 at 1:01 PM
Added some very nice quotes to Silk's website
April 24, 2025 at 12:44 PM
Added some very nice quotes to Silk's website
Little bouncy card implemented with Silk on the web. Swipe up to dismiss
April 22, 2025 at 3:10 PM
Little bouncy card implemented with Silk on the web. Swipe up to dismiss