A Collection of major Jetpack compose UI components which are commonly used.🎉🔝👌

Related tags

Jetpack Compose android kotlin component layout kotlin-android cookbook declarative-ui animations collections ui-components jetpack-compose compose-examples jetpack-compose-animation compose-library
Overview

SSComposeCookBook

Compose Version Kotlin Version API Platform

A Collection of major Jetpack compose UI components which are commonly used.

Introduction

Jetpack Compose is a modern toolkit for building native Android UI. It simplifies and accelerates UI development on Android with less code, powerful tools, and intuitive Kotlin APIs.

In this repository, there are number of UI components demonstrated which can be useful in regular development through Jetpack Compose.

Prerequisites

  • Experience with Kotlin syntax, including lambdas

What you'll need

Components

App Bar Bottom Navigation Button
Checkbox Dialog Dropdown
FAB Modal Drawer Bottom Drawer
Radio Button Slider Text
Textfield Theme ZoomView

List

LazyRow/Column LazyVerticalGrid Advance List

Constraint Layout

Barrier Guideline Chain

Animation

Basic Content Gesture
Infinite Shimmer TabBar

Coming Up

  • Tab Bar
  • Navigation
  • Theme enhancement
  • Demo Sample

Our Library in JetPackCompose

  • SSJetPackComposeProgressButton : SSJetPackComposeProgressButton is an elegant button with a different loading animations which makes your app attractive.

Official Documentations

Find this library useful? âĪïļ

Support it by joining stargazers for this repository. ⭐

How to Contribute ðŸĪ

Whether you're helping us fix bugs, improve the docs, or a feature request, we'd love to have you! 💊 Check out our Contributing Guide for ideas on contributing.

Bugs and Feedback

For bugs, feature requests, and discussion please use GitHub Issues.

Main Contributors


Nikunj Buddhadev
Mohammed Hanif
Shweta Chauhan
Mehul Kabaria
Ronak Ukani
Payal Rajput

Krupa Parekh
Priyal Parmar

License

Copyright 2021 Simform Solutions

 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.
Comments
  • Feature/Google Maps

    Feature/Google Maps

    Add - Google Maps for the compose. Basic, marker, polyline, polygon, and circle examples.

    The other activities which have modification are because after updating the compose version some composable functions with indication as parameter are deprecated and will resort to error. The indication is by default applied on card like composable functions. Also for the grid view, the package has been changed in the newer compose version and the old grid view is deprecated.

    opened by priyankj-simform 1
  • Feature/Google Maps

    Feature/Google Maps

    Add - Google Maps utility examples including cluster, heat map, geo json, kml, scale bar, and snapshot.

    Also, used a common ViewModel for HeatMap and TileOverlay as the state is the same for both.

    opened by priyankj-simform 0
  • Feature/Google Maps

    Feature/Google Maps

    Add - Google Maps compose place picker, navigation viewer, projection, map in XML, and native map in compose examples.

    Some old files are modified to include a new scaffold wrapper for maps. Included utility class to handle camera movement and some map utility methods.

    opened by priyankj-simform 0
  • Feature/Google Maps

    Feature/Google Maps

    Add - Google Maps compose ground overlay, tile overlay, indoor map, lite map, and map in scroll view examples.

    The image names are changed to meaning full name that's why extra files are changed. The images are moved to xxhdpi from v24 as the minimum SDK version is 21 and these images will generate exception if opened on the lower android version.

    Change in DataProvider class's package so that it will reflect all activities.

    opened by priyankj-simform 0
  • Feature/Compose View Pager

    Feature/Compose View Pager

    â€Ķe addition

    • add a simple horizontal view pager demo
    • add horizontal pager with tabs demo
    • add vertical pager demo
    • add horizontal pager with zoom-in transformation demo
    • Update UI
    • Add vertical view pager with indicator demo
    • Add horizontal view pager with indicator demo
    • add/remove page demo
    • Add gif file
    • Update the Readme file
    opened by Hjasani 0
Owner
Simform Solutions
Simform Solutions
GitHub
A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Why Not Compose! A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Md. Mahmudul Hasan Shohag 186 Jan 1, 2023
Jetpack-compose-uis - A collection of some UIs using Jetpack Compose. built using Katalog

Jetpack Compose UIs This is a collection of some UIs using Jetpack Compose. It i

Mori Atsushi 3 Dec 15, 2022
🎚 Orchestra is a collection of Android custom view compatible libraries for Jetpack Compose.

Orchestra ?? Jetpack Compose compatible libraries using Balloon, ColorPickerView, PowerSpinner. Balloon Add below codes to your root build.gradle file

Jaewoong Eum 408 Jan 4, 2023
A Collection on all Jetpack compose UI elements, Layouts, Widgets and Demo screens to see it's potential

ComposeCookBook Declarative UI A Collection of all Jetpack compose UI elements, Layouts, Widgets and Demo screens to see it's potential. Jetpack Compo

Gurupreet Singh 4.9k Dec 31, 2022
ComposeAnimations - Collection of nice animations created with Jetpack Compose

CertificateStack.kt CardStackDemo.mp4 SwipeButton.kt SwipeButton.mp4

Anton Shilov 276 Dec 24, 2022
🚀🏞💊 Collection of Images, Modifiers, utility functions for Jetpack Compose to expand and enrich displaying, manipulating, scaling, resizing, zooming, and getting cropped ImageBitmap based on selection area

Collection of Images, Modifiers, utility functions for Jetpack Compose to expand and enrich displaying, manipulating, scaling, resizing, zooming, and getting cropped ImageBitmap based on selection area, before/after image to with handle to show partial of both images and more is cooking up

Smart Tool Factory 207 Dec 26, 2022
Jetpack Compose based project, used to stress-testing compose features / integrations and explore non-trivial functionality

Project containing Jetpack Compose samples For pagination & network images it uses CATAAS. Known issues Navigation-Compose Issue with fast tapping on

Denis Rudenko 59 Dec 14, 2022
Small Android project demonstrating some navigation components for Jetpack Compose.

Small Android project demonstrating some navigation components for Jetpack Compose. Created this for presenting about this topic for a GDG meetup.

Parshav 3 Sep 15, 2021
This repo contains components built with Jetpack Compose for the Microsoft Surface Duo.

Surface Duo Jetpack Compose SDK This repo contains components built with Jetpack Compose for the Microsoft Surface Duo and other large screen and fold

Microsoft 53 Dec 9, 2022
JetStrap - Ready-Made Jetpack Compose Components

JetStrap Ready-Made Jetpack Compose Components Installation implementation "com.

Hyeonseo Yang 0 Jan 6, 2022
Android App made by Jetpack Compose Components with Kotlin, MVVM Pattern, Multi Module, Navigation, Hilt, Coroutines, Retrofit and cached data by Room

Android App made by Jetpack Compose Components with Kotlin, MVVM Pattern, Multi Module, Navigation, Hilt, Coroutines, Retrofit and cached data by Room

Yogi Dewansyah 13 Aug 31, 2022
Android App made by Jetpack Compose Components with Kotlin, MVVM Pattern, Multi Module, Navigation, Hilt, Coroutines, Retrofit and cached data by Room

Mobile Banking Android App made by Jetpack Compose Components with Kotlin, MVVM Pattern, Multi Module, Navigation, Hilt, Coroutines, Retrofit and cach

Yogi Dewansyah 13 Aug 31, 2022
This app can be used to track open slots for vaccination. This is built using Jetpack Compose.

Covid Vaccine This projects used the Cowin APIs provided by the government. Screenshots Tech Stack Used Kotlin Dagger Hilt Clean Architecture with Mod

Himanshu Singh 101 Dec 15, 2022
Stock Ticker / Watchlist App being used as an excuse to learn Compose and other Jetpack libs.

StockTicker App Simple app that displays a few FAANG stock tickers and allows the user to search for and add different tickers to a watchlist. API Key

Alex Hart 2 Aug 26, 2022
OTPView is a view made in Jetpack compose. It is highly customisable and can be used to show OTP view with different length and shapes.

OTPView OTPView is a highly costumizable OTP view made in the Jetpack compose UI. Usage: CircleOtpView is a sample composable that calls the OtpView w

kunalsale 17 Aug 4, 2022
A Jetpack Compose component used for displaying Markdown-formatted text.

MarkdownText A library for displaying Markdown contents within Jetpack Compose. Uses Coil Current limitations Lists that are annotated with the * must

Arnau Mora 4 Dec 15, 2022
Compose-html - An Android library which provides HTML support for Jetpack Compose texts

HtmlCompose An Android library which provides HTML support for Jetpack Compose t

iRewardHealth 43 Dec 29, 2022
Android Jetpack is a set of components, tools and guidance to make great Android apps.

Android Jetpack is a set of components, tools and guidance to make great Android apps. They bring together the existing Support Library and Architecture Components and arrange them into four categories.

Atik Faysal 0 Dec 8, 2021
Simple compose components

Jetpack-compose-sandbox Simple compose components Very simple compose components (In the MainActivitity, uncomment which compose you want to check out

null 0 Nov 19, 2021