正在加载视频...

视频加载失败

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 次观看 • 1 年前 •via X (Twitter)

12 条评论

Bruno Stasse 的头像
Bruno Stasse1 年前

More information here:

OPEN 的头像
OPEN2 年前

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 的头像
lil uzi perf1 年前

love to see quality components for the web

Bruno Stasse 的头像
Bruno Stasse1 年前

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

Marc Köhlbrugge 的头像
Marc Köhlbrugge1 年前

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

Bruno Stasse 的头像
Bruno Stasse1 年前

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

Artur Bień 的头像
Artur Bień1 年前

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

Bruno Stasse 的头像
Bruno Stasse1 年前

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 的头像
Jason Fried1 年前

Wonderful name, BTW.

Bruno Stasse 的头像
Bruno Stasse1 年前

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

Fernando Rojo 的头像
Fernando Rojo1 年前

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

Bruno Stasse 的头像
Bruno Stasse1 年前

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

相关视频