Elm native allows elm developers to build mobile application using NativeScript
AGPL-3.0 License
Build mobile apps with elm using NativeScript API. elm/http
works with this library as well!
We can build simple apps like counter
https://user-images.githubusercontent.com/5707049/224556167-e4cc713f-79da-4c75-b1c6-9333d911f2f3.mp4
or something like a blog
https://user-images.githubusercontent.com/5707049/224556315-ff8ffaf5-c38c-4147-8bf8-0ab5018b1ed8.mp4
or even complex app with page transitions, modals, dialog, and much more!
https://user-images.githubusercontent.com/5707049/224556409-61d6b92f-f25f-4e83-9203-5f008f6fe627.mp4
We will use CustomElements feature to create mobile UI elements with nativescript objects and control the nativescript object from elm.
Here's a simple representation of how UI elements are created
Elm
-> Nativescript
-> Mobile
When we listen for / receive an event,
Mobile
-> Nativescript
-> Elm
Consider this flow while building an application. This will help you to overcome performance issues if you encounter them.
Use the attributes from Native.Attributes
and NOT Html.Attributes
Checkout examples
More features will be added soon.
This project tooks months of research and days of work. If you feel like it is valuable to the elm community, please consider supporting this project
Clone the blank template
git clone https://github.com/hariroshan/template-blank-elm
Install dependencies using yarn
or npm install
Follow the instructions to setup your mobile development enviroment
Run project using
yarn run run:ios
or npm run run:ios
for iOSyarn run run:android
or npm run run:android
for Android