/plainsheet

🦭 The minimalistic, configurable bottom sheet for any web project.

Primary LanguageTypeScriptMIT LicenseMIT

The minimalistic, configurable bottom sheet for any web project.

Check out our website, for a quick start guide, APIs, examples, and more!

Why?

🧩 Framework-agnostic

Works with vanilla JavaScript🍦, or React ⚛️.

⛓️‍💥 Zero Dependencies

So your app does not depend on any other libraries that you don't need.

☁️ Super Lightweight(Only 7 kB, compressed)

So you don't have to compromise loading speed.

📱 Mobile-friendly

Works just like the native bottom sheet.

🎛 Highly Configurable

  • Style it anyway you want, using CSS.
  • Change its behaviors, on the fly.
  • Hook into life-cycle events, and states.

🦮 Accessibility Support

Keyboard interactions and focus management works out-of-box.

🍰 Works Out of The Box

Without any configs.

🦾 Fully-typed

⚡️ Performant By Default

Philosophy

As the name suggests, we strive to make the plain bottom sheet minimalistic yet feature-rich and highly configurable.
We try our best to write concise, well-tested, and maintainable code to achieve this goal.

Support the project 🤍

We very much appreciate all your support.