Beta release

Native‑like swipeable sheets on the web

Bring your web app to a whole new level with the most advanced swipeable sheet ever engineered for the web. Available for React.

Get Access

Documentation

Silk is designed with versatility at its core. Components come unstyled by default, animations are fully customizable, and every feature is configurable, giving you full creative freedom.

See all Examples

All the Features You Need

Powerful and flexible, Silk solves the biggest hurdles developers face when implementing sheet components, especially on mobile devices.

Everything you've ever dreamed of in a sheet component.

A bottom sheet with a text input and a handle

Swipe Gestures. Everywhere

On mobile, tablet, and desktop; with touch screens, trackpads, and even mouse wheel.

Detents & Stacks

Position your sheets at specific detents and create stacking effects with ease.

On-screen Keyboard Handling

Fixed elements remain visible, scrollable content is fully accessible, and inputs are properly scrolled into view.

Granular Modality

Configure modality features to suit your needs, like focus trapping, outside interaction blocking, page scroll locking, and more.

A Delightful User Experience

Enabling exceptional user interactions is our top priority. We aim to deliver a first-class experience for everyone, across devices and input methods.

Your users won't believe their fingers.

A bottom sheet stacked on top of another with a depth effect

Top Performance

Leveraging CSS Scroll Snap and WAAPI, most animations are GPU-accelerated, and displayed at high frame rate.

Advanced Effects

Create stunning animations based on travel and stacking progress, with built-in spring physics.

Attention to Detail

Subtle touches elevate the experience — blended iOS status bar, preserved scroll overshoot, and more.

Accessible to All

We aim for a high-quality experience for all users. Our components are WAI-ARIA compliant and work with keyboards and screen readers.

A Seamless Developer Experience

We believe that a great user experience starts with an excellent developer experience. That’s why we dedicate significant effort to perfecting our API.

As easy to implement as it is to use.

A screenshot of a text editor with Silk components being used

Component-based API

A carefully crafted, component-based, declarative, and reactive API that works like building blocks.

Unstyled

Components come only with the structural styles and basic defaults they need to work. How you style them is completely up to you.

TypeScript Support

All components come with extensive TypeScript types, exported so you can use and extend them as needed.

Dependency-free

The entire library is dependency-free, except for React.

Browser bugs?
We deal with them.

The page is scrolling behind the dialog, There's a flash when opening and closing the modal, The whole screen is shifting when the keyboard appears, There's an ugly white space above the keyboard. Sounds familiar?

Like you, we've battled these bugs for years. We reported dozens of them to browser vendors and spent hundreds of hours working around those they wouldn't fix. You can stop worrying about browser bugs — Silk takes care of them for you.

What They Say About It

Words from people who have shaped tools we use every day.

Great example of how if you just make the absolute best thing out there it's hard for it to not get noticed. (...)
Compete on quality — epic work Bruno! 🤩
Adam Wathan
Creator of Tailwind CSS

This is amazing work. By far the best native-like interactions I've seen on the web.
Mark Dalgleish
Co-creator of CSS Modules

The web needs more ambitious development like this.
You have to check out these demos. Excellent.
Jordan Walke
Creator of React

Always bet on the web: silkhq.co
It's just a matter of time
Guillermo Rauch
CEO at Vercel

Never seen anything be this good on mobile web. This is amazing.
Sunil Pai
Principal Engineer at Cloudflare

That is the smoothest interaction I've used on mobile web. The name “silk” is well-earned.
Fernando Rojo
Head of Mobile at Vercel

Unleash the web

Silk

Get Access

Community

Silk

All Examples