git404hub

what is vaul fr?

emilkowalski/vaul — explained in plain English

Analysis updated 2026-06-24

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

tl;dr

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.

vibe map

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

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 make with this?

VIBE 1

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

VIBE 2

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

what's the stack?

TypeScriptReact

how it stacks up fr

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 i run it?

Difficulty · easy time til it works · 30min

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

in plain english

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.

prompts (copy fr)

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 fr?

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.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.

similar repos, if this ain't it