Calf
Calf is a library that allows you to easily create adaptive UIs and access platform specific APIs with Compose Multiplatform (Adaptive UI, File Picker, WebView, Permissions...).
Install / Use
/learn @MohamedRejeb/CalfREADME
Calf - Compose Adaptive Look & Feel
Calf is a library that allows you to easily create adaptive UIs and access platform specific APIs from your Compose Multiplatform apps.
![]()
Calf stands for Compose Adaptive Look & Feel
Artifacts
| Artifact | Description | Platforms | Version |
|-----------------------|-------------------------------------------|--------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| calf-ui | Adaptive UI components | Android, iOS, Desktop, Web(Js, Wasm) | |
| calf-file-picker | Native File Picker wrapper | Android, iOS, Desktop, Web(Js, Wasm) |
|
| calf-webview | WebView component | Android, iOS, Desktop, Web(Js, Wasm) |
|
| calf-permissions | API that allows you to handle permissions | Android, iOS |
|
| calf-geo | API that allows you to access geolocation | Coming soon... 🚧 🚧 | Coming soon... 🚧 🚧 |
| calf-navigation | Native navigation wrapper | Coming soon... 🚧 🚧 | Coming soon... 🚧 🚧 |
| calf-map | Native Maps wrapper | Coming soon... 🚧 🚧 | Coming soon... 🚧 🚧 |
| calf-media | Video/Audio player | Coming soon... 🚧 🚧 | Coming soon... 🚧 🚧 |
| calf-notification | Notification manager | Coming soon... 🚧 🚧 | Coming soon... 🚧 🚧 |
| calf-sf-symbols | Apple SF Symbols icons | Coming soon... 🚧 🚧 | Coming soon... 🚧 🚧 |
The main focus for now is Android and iOS, but more Desktop components are coming that allows you to create adaptive UIs for Desktop as well (Windows, macOS, Linux)
<div align="center"><a href="https://github.com/Safouene1/support-palestine-banner/blob/master/Markdown-pages/Support.md"><img src="https://raw.githubusercontent.com/Safouene1/support-palestine-banner/master/banner-project.svg" alt="Support Palestine" style="width: 100%;"></a></div>
Web Demo
You can try the web demo here
Compatibility
| Kotlin version | Compose version | Calf version | |----------------|-----------------|--------------| | 2.3.20 | 1.10.3 | 0.10.0 | | 2.2.21 | 1.9.2 | 0.9.0 | | 2.1.21 | 1.8.0 | 0.8.0 | | 2.1.10 | 1.7.3 | 0.7.1 | | 2.1.0 | 1.7.3 | 0.7.0 | | 2.0.21 | 1.7.0 | 0.6.1 | | 2.0.10 | 1.6.11 | 0.5.5 | | 1.9.22 | 1.6.0 | 0.4.1 | | 1.9.21 | 1.5.11 | 0.3.1 | | 1.9.20 | 1.5.10 | 0.2.0 | | 1.9.0 | 1.5.0 | 0.1.1 |
Documentation
For more information, check the documentation:
Contribution
If you've found an error in this sample, please file an issue. <br> Feel free to help out by sending a pull request :heart:.
Find this library useful? :heart:
Support it by joining stargazers for this repository. :star: <br> Also, follow me on GitHub for more libraries! 🤩
You can always <a href="https://www.buymeacoffee.com/MohamedRejeb" target="_blank"><img style="display: block; height: 60px;" src="docs/images/bmc-yellow-button.png"></a>
🙏 Credits
Special thanks to:
License
Copyright 2023 Mohamed Rejeb
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
