https://github.com/tunjid/composables

A collection of utility composable functions
https://github.com/tunjid/composables

kotlin-multiplatform-li kotlin-multiplatform-sample

Last synced: 3 months ago
JSON representation

A collection of utility composable functions

• Host: GitHub
• URL: https://github.com/tunjid/composables
• Owner: tunjid
• License: apache-2.0
• Created: 2024-03-05T16:06:46.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-06-13T15:56:45.000Z (6 months ago)
• Last Synced: 2025-06-13T16:15:44.713Z (6 months ago)
• Topics: kotlin-multiplatform-li, kotlin-multiplatform-sample
• Language: Kotlin
• Homepage:
• Size: 72.8 MB
• Stars: 61
• Watchers: 1
• Forks: 3
• Open Issues: 4
• Metadata Files:
  • Readme: readme.md
  • Contributing: contributing.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
# Composables

![Composables](https://img.shields.io/maven-central/v/com.tunjid.composables/composables?label=compsables)

![badge][badge-ios]

![badge][badge-js]

![badge][badge-jvm]

Please note, this is an experimental repository. It is a Kotlin multiplatform experiment that makes

no guarantees

about API stability or long term support. None of the works presented here are production tested,

and should not be

taken as anything more than its face value.

## Introduction

Composables are a collection of utility methods that build on the Jetpack Compose UI and Foundation

packages.

They offer APIs for common UI interactions that make UI more delightful. They are summarize below

| Composable                             |                                                                                                           |                                                                                                           |                                                                                                                             |

|----------------------------------------|-----------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------|

| Split Layouts                          | ![split layouts desktop](./docs/images/split_layouts_desktop.gif)                                         | ![split layouts](./docs/images/split_layouts.gif)                                                         |                                                                                                                             |

| Sticky Headers                         | ![list](./docs/images/sticky_header_list_crop.gif)                                                        | ![grid](./docs/images/sticky_header_grid_crop.gif)                                                        | ![staggered_grid](./docs/images/sticky_header_staggered_grid_crop.gif)                                                      |

| Collapsing Headers and Scrollbars      | ![collapsing header with scrollbars in a list](./docs/images/collapsing_header_fast_scroll_list_crop.gif) | ![collapsing header with scrollbars in a grid](./docs/images/collapsing_header_fast_scroll_grid_crop.gif) | ![collapsing header with scrollbars in staggered_grid](./docs/images/collapsing_header_fast_scroll_staggered_grid_crop.gif) |

| Pointer Offset Scroll                  | ![pointer offset list scroll](./docs/images/pointer_offset_list_crop.gif)                                 | ![pointer offset grid scroll](./docs/images/pointer_offset_grid_crop.gif)                                 | ![pointer offset staggered grid](./docs/images/pointer_offset_staggered_grid_crop.gif)                                      |

| Drag To Dismiss                        | ![color drag to dismiss](./docs/images/drag_to_dismiss_crop.gif)                                          | ![image drag to dismiss](./docs/images/drag_to_dismiss_app_image.gif)                                     | ![video drag to dismiss](./docs/images/drag_to_dismiss_app_video.gif)                                                       |

| Alignment / ContentScale Interpolation | ![rounded rect interpolation](./docs/images/alignment_interpolation_crop.gif)                             | ![beach scene interpolation](./docs/images/content_scale_interpolation_crop.gif)                          |                                                                                                                             |

| Miscellaneous Modifiers                | ![Back Preview](./docs/images/predictive_back.gif)                                                        | ![Constrained Size Placement](./docs/images/constrained_placement.gif)                                    |                                                                                                                             |

Please see the [documentation](https://tunjid.github.io/composables/) for more details.

## License

    Copyright 2023 Adetunji Dahunsi

    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

        https://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.

[badge-android]: http://img.shields.io/badge/-android-6EDB8D.svg?style=flat

[badge-jvm]: http://img.shields.io/badge/-jvm-DB413D.svg?style=flat

[badge-js]: http://img.shields.io/badge/-js-F8DB5D.svg?style=flat

[badge-js-ir]: https://img.shields.io/badge/support-[IR]-AAC4E0.svg?style=flat

[badge-nodejs]: https://img.shields.io/badge/-nodejs-68a063.svg?style=flat

[badge-linux]: http://img.shields.io/badge/-linux-2D3F6C.svg?style=flat

[badge-windows]: http://img.shields.io/badge/-windows-4D76CD.svg?style=flat

[badge-wasm]: https://img.shields.io/badge/-wasm-624FE8.svg?style=flat

[badge-apple-silicon]: http://img.shields.io/badge/support-[AppleSilicon]-43BBFF.svg?style=flat

[badge-ios]: http://img.shields.io/badge/-ios-CDCDCD.svg?style=flat

[badge-mac]: http://img.shields.io/badge/-macos-111111.svg?style=flat

[badge-watchos]: http://img.shields.io/badge/-watchos-C0C0C0.svg?style=flat

[badge-tvos]: http://img.shields.io/badge/-tvos-808080.svg?style=flat