
An unstyled drawer component for React, built with Base UI. Features gesture-driven animations and serves as a replacement for Dialog on mobile and tablet devices.
Gesture-driven animations
Provides a smooth and intuitive user experience.
Replacement for Dialog
Optimized for mobile and tablet devices.
Unstyled component
Allows for complete customization according to the user's design needs.
Open Drawer Examples
Offers practical examples to help users implement the component easily.
Vaul Base is a versatile drawer component designed specifically for React applications. It leverages Base UI to deliver a seamless and engaging experience on mobile and tablet devices. Unlike traditional dialog components, Vaul Base is gesture-driven, allowing users to interact naturally with the interface. This makes it an excellent choice for modern web applications that prioritize user experience and responsiveness.
Vaul Base is built using React and Base UI, ensuring compatibility with various design systems. It is lightweight and unstyled, providing developers the flexibility to style it as per their requirements.
Building mobile-friendly applications.
Creating responsive user interfaces that require drawer navigation.
Replacing conventional dialog components in web projects.
Vaul Base is an unstyled drawer component for React, designed to enhance user experience on mobile and tablet devices.
You can implement Vaul Base by following the examples provided in the documentation on the GitHub repository.
Yes, Vaul Base is unstyled, allowing for complete customization to fit your application's design.