whatisgithub

What is vaul?

emilkowalski/vaul — explained in plain English

Analysis updated 2026-06-24

★ 8,344TypeScriptAudience · developerComplexity · 2/5Setup · easy

In one sentence

Vaul is an unmaintained React drawer component, a sliding panel that appears from the bottom of the screen for mobile-style interfaces. The author has paused development indefinitely.

Mindmap

mindmap
  root((repo))
    What it does
      Drawer component
      Slides from bottom
    Tech
      React
      TypeScript
    Status
      No longer maintained
      Hobby project
    Use Cases
      Mobile UI panels
      Options overlay
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Add a bottom drawer panel to a React mobile web app so users can access extra options without leaving the current screen.

USE CASE 2

Use as a reference implementation to understand how to build an accessible, animated drawer component from scratch in React.

What is it built with?

TypeScriptReact

How does it compare?

emilkowalski/vaulshopify/react-native-skiamaotoumao/musicfreedesktop
Stars8,3448,3528,334
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderateeasy
Complexity2/53/52/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Project is no longer maintained, verify compatibility with your React version before using in production.

So what is it?

Vaul is a drawer component for React. A drawer is the sliding panel that appears from the bottom (or side) of a screen when a user taps a button, commonly used on mobile interfaces to show additional options or content without navigating away from the current page. The README is very sparse. It states only that the repository is no longer maintained and that the author does not plan to return to it in the near future. The project was described as a hobby effort from the start. No setup instructions, usage examples, or feature descriptions are included in the README.

Copy-paste prompts

Prompt 1
Using the Vaul drawer component for React, show me how to create a bottom sheet that opens when a button is clicked and contains a list of action items, with smooth animation.
Prompt 2
I want to build a mobile-friendly settings panel using Vaul. Show me how to embed form fields inside the drawer and keep it accessible with keyboard navigation.
Prompt 3
Vaul is no longer maintained. Suggest an actively maintained alternative React drawer or bottom-sheet library and show me how to migrate a basic Vaul usage to that library.
Prompt 4
Show me how to customize the Vaul drawer snap points so it can be dragged to 50% or 100% height, and how to detect which snap point the user settled on.

Frequently asked questions

What is vaul?

Vaul is an unmaintained React drawer component, a sliding panel that appears from the bottom of the screen for mobile-style interfaces. The author has paused development indefinitely.

What language is vaul written in?

Mainly TypeScript. The stack also includes TypeScript, React.

How hard is vaul to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is vaul for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?