stipsan/react-spring-bottom-sheet

Health v2 · maintenance only

Adoption not part of the score

1068 stars · 157 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A React bottom sheet component library built on react-spring and react-use-gesture, providing accessible, animated draggable bottom panels with snap points. It emphasizes keyboard navigation and screen reader support while remaining highly performant and customizable via CSS custom properties.

Use cases

• add a draggable bottom sheet modal to a react app
• implement an accessible bottom drawer with keyboard and screen reader support
• create a mobile-style bottom panel with snap points
• build a blocking dialog that requires user interaction before closing
• customize sheet animations purely with css variables
• add sticky header and footer to a bottom sheet

When to choose

• you need an accessible bottom sheet in a React project
• you want spring-based animations with full CSS customization
• you need snap points, rubber banding, and touch gesture support
• you want a small, performant component with TypeScript support

When to avoid

• you are not using React
• you need a full-featured modal/dialog system beyond bottom sheets
• you need a bottom sheet for React Native rather than the web

Facets

library · maturity active

ui-components animation state-management frontend web-development accessibility cross-platform bottom-sheet react-spring modal drawer gesture-control typescript css-custom-properties web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="stipsan/react-spring-bottom-sheet")