Available for React

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.

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

Trusted by leading product teams

Silk is used by OpenAI, Lovable, Mysten Labs, Owner, and other companies to build native-like interfaces on the web.

OpenAI
Tjek
Mysten Labs
BookRetreats
Lovable
Owner
Ednia

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 developers say about Silk

Comments from the creators of React, Tailwind CSS, Next.js, CSS Modules, React Router, and engineers behind some of the web’s leading products.

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

The web needs more ambitious development like this.
You have to check out these demos. Excellent.
Jordan Walke
Creator, React
See original post ↗

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, Tailwind CSS
See original post ↗

That is the smoothest interaction I've used on mobile web. The name “silk” is well-earned.
Fernando Rojo
Head of v0, Vercel
See original post ↗

Never seen anything be this good on mobile web. This is amazing.
Sunil Pai
Principal Engineer, Cloudflare
See original post ↗

Well done! These feel really great
Michael Jackson
Co-creator, React Router
See original post ↗

Always bet on the web: silkhq.com
It's just a matter of time
Guillermo Rauch
CEO, Vercel
See original post ↗

Absolutely astonishing work
Joe Bell
Creator, CVA
See original post ↗

Built for production. Used at scale.

Silk powers thousands of production websites and web apps, from small independent products to large-scale platforms used by millions of people around the world.

websites powered by Silk: 10,000+

monthly npm downloads: 250,000+

people use Silk-powered products: 100M+

Unleash the web

Silk

Get Access

Community

Overview Documentation

Silk

All Examples