rit3zh / morphlet

git clone https://github.com/rit3zh/morphlet.git v0.1.3 · 15d ago

A native, morphing floating tray for React Native.

stars, 24h · #34,572

+~0

stars, 7 days · #35,047

+246

stars, 30 days · #2,090

247

★ total

forks · 1 open issues

Star history (as recorded here)

2026-10-20 · 246 ★ 2026-10-22 · 247 ★

LanguageTypeScript

LicenseMIT

Created2026-10-05 (17d ago)

Last push15d ago

Watchers1

OwnerUser

Links

GitHub: github.com/rit3zh/morphlet
Releases · Issues · Hacker News mentions

README excerpt

# Morphlet
https://github.com/user-attachments/assets/9c98763d-f6f1-4dfb-9a7b-90ca5087efc5
A native, morphing floating tray for React Native.
 [code] 
## Installation
 [code] 
Requires the New Architecture. Android API 24+. On Expo, use a development build.
## Usage
 [code] 
### Views
 [code] 
Wrap anything in ` ` to transition it when `value` changes. Add `stack` to `Tray.Content` to push the tray below back like an iOS sheet.
## API
| Component | Purpose |
| --------------------------------- | ---------------------------------------------------------------------------------- |
| `Tray.Root` | Open state and active view. `open`, `view`, `transition`, `animation`. |
| `Tray.Trigger` / `Tray.Close` | Open or close. `asChild`, and `morph` to grow the tray from the trigger. |
| `Tray.Content` | The card. `backgroundColor`, `cornerRadius`, `dismissible`, `fullScreen`, `stack`. |
| `Tray.Header` / `Tray.Footer` | Fixed sections around the body. |
| `Tray.Body` / `Tray.View` | Morphs between named views. |
| `Tray.Morph` | Transitions children when `value` changes. |
| `Tray.Title` / `Tray.Description` | Accessible text. |
 [code] 
**Transitions:** `morph` · `slide` · `fade` · `scale`
**Animation presets:** `default` · `smooth` · `snappy` · `bouncy` — or pass custom springs:
 [code] 
## Example
 [code] 
## Contributing
See CONTRIBUTING.md.
## License
MIT