https://github.com/colorfy-software/react-native-modalfy

🥞 Modal citizen of React Native.
https://github.com/colorfy-software/react-native-modalfy

android animations ios modals react react-native stack

Last synced: 1 day ago
JSON representation

🥞 Modal citizen of React Native.

• Host: GitHub
• URL: https://github.com/colorfy-software/react-native-modalfy
• Owner: colorfy-software
• License: mit
• Created: 2019-04-24T15:47:37.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2024-11-05T12:08:41.000Z (8 days ago)
• Last Synced: 2024-11-05T13:01:54.401Z (8 days ago)
• Topics: android, animations, ios, modals, react, react-native, stack
• Language: TypeScript
• Homepage: https://colorfy-software.gitbook.io/react-native-modalfy
• Size: 3.31 MB
• Stars: 1,144
• Watchers: 12
• Forks: 47
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  

    🥞 React Native Modalfy

  





  Modal citizen of React Native.





  

    

  

  

    

  

  

    

  

  

    

  



## 🎯 Purpose

Modalfy promise has always been to allow you to do 3 things:

1. Write your modals once, call them from anywhere in your app.

2. Display several modals at once, stack as many as you like.

3. Complete control over animations & transitions between each modal in the stack.

We only provide the logic and how to manage your modals: you pass the modal components and have complete control over how they look.

## 📚 Documentation

The doc is accessible at https://colorfy-software.gitbook.io/react-native-modalfy.

- The best way to learn is to follow the [guides](https://colorfy-software.gitbook.io/react-native-modalfy/guides/stack). They will help you to get up and running in no time.

- The [API reference](https://colorfy-software.gitbook.io/react-native-modalfy/api/types) lists all public APIs.

## 🎥  Show me!

Maybe better than our long paragraphs, here's a quick

sneak peek of what you could achieve with Modalfy in a few lines of code:

| [![Watch the video](https://i.imgur.com/q8QFajL.gif)](https://youtu.be/usAU2pcURh8)
[Snippet #1](https://gist.github.com/iremlopsum/77e8549735c6c6ba7a243ea453c10147)  | [![Watch the video](https://i.imgur.com/wF0hTBm.gif)](https://youtu.be/UPDSPjj4dyU)
[Snippet #2](https://gist.github.com/iremlopsum/17b4804a142a39525160df22e67410ea) |

| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------: |

| [![Watch the video](https://i.imgur.com/C79UD6B.gif)](https://youtu.be/LkHFK5zZMI8)
[Snippet #3](https://gist.github.com/iremlopsum/b40640264335545bf3b9e39622f5c423 ) | [![Watch the video](https://i.imgur.com/Z6HsH59.gif)](https://youtu.be/AJ1P9e7iD38)
[Snippet #4](https://gist.github.com/iremlopsum/f3dcb215d8e318c0d1912359fffd232b) |

## 🤝 Code of Conduct

This library has adopted a Code of Conduct that we expect project participants to adhere to. Please read the [full text](https://github.com/colorfy-software/react-native-modalfy/blob/master/CODE_OF_CONDUCT.md) so that you can understand what actions will and will not be tolerated.

## 📰 License

React Native Modalfy is licensed under the [MIT License](https://github.com/colorfy-software/react-native-modalfy/blob/master/LICENSE).