Loading video...

Video Failed to Load

Go Home

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.

834,182 views • 1 year ago •via X (Twitter)

12 Comments

Bruno Stasse's profile picture
Bruno Stasse1 year ago

More information here:

OPEN's profile picture
OPEN2 years ago

Introducing OPEN, the first genre-defining AAA metaverse gaming experience with top-tier IP powered by web3 technology. Coming to @thereadyverse. #opensoon

lil uzi perf's profile picture
lil uzi perf1 year ago

love to see quality components for the web

Bruno Stasse's profile picture
Bruno Stasse1 year ago

Glad you like it! There's definitely a need for more qualitative mobile components

Marc Köhlbrugge's profile picture
Marc Köhlbrugge1 year ago

Looks and feels great. Looking forward to the Vanilla JS version

Bruno Stasse's profile picture
Bruno Stasse1 year ago

Thank you Marc! It's definitely coming! Most likely in the shape of web components.

Artur Bień's profile picture
Artur Bień1 year ago

Amazing! What are the differences compared to the “vaul” sheet?

Bruno Stasse's profile picture
Bruno Stasse1 year ago

Thank you! Quite a few differences: - it uses CSS scroll-snap and WAAPI under the hood, so mosts animations are hardware-accelerated, including the swipe; - it works on all devices with touch, trackpad swipe and mousewheel; - it is very flexible, allowing you to run animations based on the swipe and stacking, gives you more control over focus management, etc; - it includes features like spring animations, status bar blending with the backdrop, enables full page effects (like depth), and more; - it uses more effective techniques to prevent body scrolling and deal with on-screen keyboards, and deals efficiently with a lot of browser issues. So, overall it goes further than Vaul in features and quality, and should be much closer to native :)

Jason Fried's profile picture
Jason Fried1 year ago

Wonderful name, BTW.

Bruno Stasse's profile picture
Bruno Stasse1 year ago

Thanks! It took almost as long to find it as it took to build the library

Fernando Rojo's profile picture
Fernando Rojo1 year ago

That is the smoothest interaction I’ve used on mobile web. The name “silk” is well-earned.

Bruno Stasse's profile picture
Bruno Stasse1 year ago

Well that is a very nice thing to say. Thank you :)

Related Videos