react-modal-sheet

Temzasse•PUBLIC

View on GitHub

Flexible bottom sheet component built with Motion to provide buttery smooth UX while keeping accessibility in mind 🪐

accessibilitybottom-sheetframer-motionmodalmotionreactjs

MIT License

Created on May 17, 2020

Updated on Apr 8, 2026

Stars

1.1k

Forks

99

Watchers

1.1k

Open Issues

21

Repository Health Score

💛

72/100

Good

Overall repository health assessment

Score Breakdown

Activity

Active development - updated this week

30/30

100%

Issues Analytics

79

Total Issues

All time

16

Open

20% of total

63

Closed

Recent Commits

Add animated clip-path to Apple Maps example

Teemu Taskula•1 week ago

dba5010View on GitHub

5.6.0

Teemu Taskula•1 week ago

95de4b8View on GitHub

Fix formatting issue

Teemu Taskula•1 week ago

35565b0View on GitHub

Fix incorrect import

Teemu Taskula•1 week ago

5f0f760View on GitHub

Use kebab-case for component filenames

Teemu Taskula•1 week ago

bc7e3a3View on GitHub

Make modal effect cleanup more reliable

Teemu Taskula•1 week ago

92bfba8View on GitHub

Update Apple Maps example

Teemu Taskula•1 week ago

26fb968View on GitHub

Expose sheet internal values via context in addition to ref

Teemu Taskula•1 week ago

41c91fcView on GitHub

Sync Sheet.Backdrop opacity animation with sheet y value

Teemu Taskula•2 weeks ago

72596a7View on GitHub

Update lint rules

Teemu Taskula•2 weeks ago

a3a8151View on GitHub

Use overflow:clip to fix scroll disabling related drag glitch

Teemu Taskula•2 weeks ago

09049a7View on GitHub

5.5.0

Teemu Taskula•3 weeks ago

3de2b84View on GitHub

Merge pull request #233 from Temzasse/feat/drag-gesture-classification

Teemu Taskula•3 weeks ago

da3a338View on GitHub

Improve drag end classification for smoother snapping UX

Teemu Taskula•3 weeks ago

0f20023View on GitHub

5.4.1

Teemu Taskula•3 weeks ago

7498611View on GitHub

View all commits

Community

1,148 stars, 99 forks

2/30

7%

Documentation

Has description, wiki, license

20/20

100%

Maintenance

1.8% issue ratio

20/20

100%

Health score is calculated based on activity, community engagement, documentation quality, and maintenance practices

Languages

TypeScript

98.0%

CSS

1.0%

HTML

0.8%

JavaScript

0.2%

Dependencies18 total

1

Production

15

Development

Production Dependencies (1)

react-use-measure2.1.7

Development Dependencies (15)

@arethetypeswrong/cli0.18.2

@biomejs/biome2.4.5

Top Contributors

1

Temzasse

User

300

commits

2

crutchcorn

User

3

commits

3

adamstambouli

User

1

commits

4

BonhaengLee

User

1

commits

5

elsonel

User

1

commits

6

erhnml

User

1

commits

7

gsporto

User

1

commits

8

joaquinwojcik

User

1

commits

9

KirbyMcKenzie

User

1

commits

10

blackMoja

User

1

commits

Languages

TypeScript

98.0%

CSS

1.0%

HTML

0.8%

JavaScript

0.2%

Issues Analytics

79

Total Issues

All time

16

Open

20% of total

63

Closed

Dependencies18 total

1

Production

15

Development

Production Dependencies (1)

react-use-measure2.1.7

Development Dependencies (15)

@arethetypeswrong/cli0.18.2

@biomejs/biome2.4.5

@types/react

19.2.14

@types/react-dom19.2.3

@vitejs/plugin-react5.1.4

husky9.1.7

jsdom28.1.0

motion12.35.0

npm-run-all4.1.5

react19.2.4

react-dom19.2.4

tsup8.5.1

typescript5.9.3

vite7.3.1

vitest4.0.18

Peer Dependencies (2)

motion>=11

react>=16

react-modal-sheetv5.6.0

80% of total

3mo

Avg Close Time

Avg response

Issues Activity: Last 6 months

Top Labels

Hottest Issues

1

#154 Sheet not closing on mobile

29

10

closed

2

#212 Snappoints not computable

18

2

closed

3

#205 Scroller takes too much space after upgrading to 4.1.0

13

4

closed

4

#168 `draggableAt` is Not Working

11

3

closed

5

#185 Sheet not opening in `StrictMode`

bughelp wanted

7

6

open

Top Contributors

1

Temzasse

User

300

commits

2

crutchcorn

User

3

commits

3

adamstambouli

User

1

commits

4

BonhaengLee

User

1

commits

5

elsonel

User

1

commits

6

erhnml

User

1

commits

7

gsporto

User

1

commits

8

joaquinwojcik

User

1

commits

9

KirbyMcKenzie

User

1

commits

10

blackMoja

User

1

commits

Recent Commits

Add animated clip-path to Apple Maps example

Teemu Taskula•1 week ago

dba5010View on GitHub

5.6.0

Teemu Taskula•1 week ago

95de4b8View on GitHub

Fix formatting issue

Teemu Taskula•1 week ago

35565b0View on GitHub

Fix incorrect import

Teemu Taskula•1 week ago

5f0f760View on GitHub

Use kebab-case for component filenames

Teemu Taskula•1 week ago

bc7e3a3View on GitHub

Make modal effect cleanup more reliable

Teemu Taskula•1 week ago

92bfba8View on GitHub

Update Apple Maps example

Teemu Taskula•1 week ago

26fb968View on GitHub

Expose sheet internal values via context in addition to ref

Teemu Taskula•1 week ago

41c91fcView on GitHub

Sync Sheet.Backdrop opacity animation with sheet y value

Teemu Taskula•2 weeks ago

72596a7View on GitHub

Update lint rules

Teemu Taskula•2 weeks ago

a3a8151View on GitHub

Use overflow:clip to fix scroll disabling related drag glitch

Teemu Taskula•2 weeks ago

09049a7View on GitHub

5.5.0

Teemu Taskula•3 weeks ago

3de2b84View on GitHub

Merge pull request #233 from Temzasse/feat/drag-gesture-classification

Teemu Taskula•3 weeks ago

da3a338View on GitHub

Improve drag end classification for smoother snapping UX

Teemu Taskula•3 weeks ago

0f20023View on GitHub

5.4.1

Teemu Taskula•3 weeks ago

7498611View on GitHub

View all commits

GitHub Explorer

react-modal-sheet

Score Breakdown

Production Dependencies (1)

Development Dependencies (15)

Production Dependencies (1)

Development Dependencies (15)

Peer Dependencies (2)

Issues Activity: Last 6 months

Top Labels

Hottest Issues