• Stars
    star
    577
  • Rank 74,702 (Top 2 %)
  • Language
    Kotlin
  • License
    Apache License 2.0
  • Created almost 3 years ago
  • Updated 6 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

Setup (For Google Map Implementation)

To run the google map samples, you'll have to:

  1. Get a Maps API key
  2. Add an entry in local.properties or local.defaults.properties that looks like MAPS_API_KEY=YOUR_MAPS_KEY
  3. Build and run

Components

App Bar Bottom Navigation Button
Checkbox Dialog Dropdown
FAB Modal Drawer Bottom Drawer
Radio Button Slider Text
Textfield Theme ZoomView
Textfield Theme MagnifierView
TabBar DatePicker TimePicker
ImagePicker ParallaxEffect Compose views in Xml
XML views in Compose

List

LazyRow/Column LazyVerticalGrid Advance List

Pull To Refresh

Simple Pull To Refresh Custom Background Pull To Refresh Custom View Pull To Refresh

Swipe To Delete

Swipe Left Swipe Right Swipe Left + Right

Constraint Layout

Barrier Guideline Chain

Animation

Basic Content Gesture
Infinite Shimmer TabBar

Sample UI

Instagram

Canvas

Overview Shapes Text and Image
Path Path Operations DrawScope Helpers
Canvas + Touch Blend Modes Basic Example
Android 11 Easter Egg

Google Maps

Basic Marker Polyline
Polygon Circle Ground Overlay
Tile Overlay Indoor Level Lite Map
Place Picker Navigation Viewer Projection
Cluster Heat Map KML
GeoJSON ScaleBar Snapshot
Map in scrollable view Compose Map In XML

ViewPager

Horizontal Pager Horizontal Pager with Tabs Horizontal Pager with indicator
Vertical Pager with indicator Pager with Zoom-in
transformation
Pager with Fling Behavior
Add/Remove pager

Coming Up

  • Navigation
  • Theme enhancement

Our Libraries in JetPackCompose

  • SSJetPackComposeProgressButton : SSJetPackComposeProgressButton is an elegant button with a different loading animations which makes your app attractive.
  • SSJetpackComposeSwipeableView : SSJetpackComposeSwipeableView is a small library which provides support for the swipeable views. You can use this in your lazyColumns or can add a simple view which contains swipe to edit/delete functionality.
  • SSComposeOTPPinView : A custom OTP view to enter a code usually used in authentication. It includes different types of OTPViews which is easy to use and configure your own view and character of OTP using all the attributes.

Official Documentations

Find this samples 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.

Awesome Mobile Libraries

Main Contributors


Nikunj Buddhadev

Mohammed Hanif

Shweta Chauhan

Mehul Kabaria

Ronak Ukani

Payal Rajput

Krupa Parekh

Priyal Parmar

Yashwant Gowla

Priyank Jain

License

MIT License

Copyright (c) 2022 Simform Solutions

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

More Repositories

1

flutter_showcaseview

Flutter plugin that allows you to showcase your features on flutter application. 👌🔝🎉
Dart
1,370
star
2

SSCustomTabbar

Simple Animated tabbar with native control
Swift
559
star
3

SSCustomBottomNavigation

Animated TabBar with native control and Jetpack Navigation support..✨🔖🚀
Kotlin
476
star
4

SSSpinnerButton

Forget about typical stereotypic loading, It's time to change. SSSpinnerButton is an elegant button with a different spinner animations.
Swift
428
star
5

flutter_credit_card

A credit card widget for Flutter application.
Dart
385
star
6

flutter_calendar_view

A Flutter package allows you to easily implement all calendar UI and calendar event functionality. 👌🔝🎉
Dart
370
star
7

SSffmpegVideoOperation

This is a library of FFmpeg for android... 📸 🎞 🚑
Kotlin
340
star
8

SSToastMessage

SSToastMessage is written purely in SwiftUI. It will add toast, alert, and floating message view over the top of any view. It is intended to be simple, lightweight, and easy to use. It will be a popup with a single line of code.
Swift
280
star
9

SSJetPackComposeProgressButton

SSJetPackComposeProgressButton is an elegant button with a different loading animations. 🚀
Kotlin
265
star
10

ARKit2.0-Prototype

After Apple’s introduction of ARKit 2, we have been consistently working behind to create shared-AR experiences. Our goal is to improve the utility of mobile using AR experiences.
Swift
261
star
11

SSImagePicker

Easy to use and configurable library to Pick an image from the Gallery or Capture an image using a Camera... 📸
Kotlin
261
star
12

audio_waveforms

Use this plugin to generate waveforms while recording audio in any file formats supported by given encoders or from audio files. We can use gestures to scroll through the waveforms or seek to any position while playing audio and also style waveforms
Dart
234
star
13

SSCustomEditTextOutLineBorder

Same as the Outlined text fields presented on the Material Design page but with some dynamic changes. 📝 🎉
Kotlin
206
star
14

flutter_chatview

Highly customisable chat UI with reply and reaction functionality.
Dart
198
star
15

Awesome-Mobile-Libraries

This repo contains all the Open-source Libraries from iOS, Android, Flutter and React-Native.✨
170
star
16

react-native-story-view

A React Native component to show image and video stories ✨ 🎖
TypeScript
170
star
17

react-native-reactions

A React Native animated reaction picker component ✨✨
TypeScript
134
star
18

react-native-radial-slider

React Native component to select or highlight a specific value from a range of values 👌 ✨
TypeScript
130
star
19

SSPullToRefresh

SSPullToRefresh makes PullRefresh easy to use, you can provide your own custom animations or set simple gifs on refresh view. The best feature is Lottie animations in refresh view, it uses lottie animations to render high quality animations on pull refresh. 🎉💥
Kotlin
114
star
20

react-native-spinner-button

React Native button component with multiple animated spinners
JavaScript
106
star
21

SSBiometricsAuthentication

Biometric factors allow for secure authentication on the Android platform.
Kotlin
102
star
22

SSComposeShowCaseView

SSComposeShowCaseView is a customizable show case view library in Jetpack compose which allows to showcase/highlight the particular features of the application with an engaging overlay. It also provides automatic showcase view feature with customised delay and opacity attributes. 🎉💥
Kotlin
94
star
23

SSJetpackComposeSwipeableView

SSJetpackComposeSwipeableView is a small library which provides support for the swipeable views. You can use this in your lazyColumns or can add a simple view which contains swipe to edit/delete functionality.
Kotlin
91
star
24

react-native-animation-catalog

A collection of animated React Native components 🌟🔥
TypeScript
90
star
25

Kotlin-multiplatform-sample

A sample Kotlin Multiplatform project having native UI and shared bussiness logic on Android and iOS platforms.
Kotlin
84
star
26

SSCustomTabMenu

Customisable iOS bottom menu works like Tabbar
Swift
80
star
27

SSAndroidNeumorphicKit

Neomorphic UI kit for Android
Kotlin
72
star
28

SSCustomPullToRefresh

SSCustomPullToRefresh is an open-source library that uses UIKit to add an animation to the pull to refresh view in a UITableView and UICollectionView.
Swift
69
star
29

SSAppUpdater

SSAppUpdater is an open-source framework that compares the current version of the app with the store version and returns the essential details of it like app URL, new app version number, new release note, etc. So you can either redirect or notify the user to update their app.
Swift
67
star
30

SSStepper

SwiftUI package for creating custom stepper with gesture controls and flexible design as per your choice.
Swift
65
star
31

VonageVideoCalling_Android

Vonage Video Calling Android
Kotlin
63
star
32

SSExpandableRecylerView

Expandable Recyclerview makes it easy to integrate nested recycler view...🔨 📝
Kotlin
59
star
33

SSCustomSideMenu

Side Menu Custom Control for iOS apps
Swift
55
star
34

react-native-skia-catalog

A collection of animated React Native Skia components 🌟
TypeScript
54
star
35

SSSwiftUIGIFView

SSSwiftUIGIFView is a custom controller which helps to load GIF in SwiftUI.
Swift
53
star
36

SSArcSeekBar

Different type of arc seekbar. Easy to use and configure your own seekbar using all the attributes.
Kotlin
52
star
37

SSComposeOTPPinView

A custom OTP view to enter a code usually used in authentication. It includes different types of OTPViews which is easy to use and configure your own view and character of OTP using all the attributes. 📲 🔢 ✨
Kotlin
50
star
38

SSPlaceHolderTableView

SSPlaceholderTableView is Placeholder Library for different different state wise placeHolder for UITableView/UICollectionView. Check https://www.cocoacontrols.com/controls/ssplaceholdertableview
Swift
50
star
39

SSFloatingLabelTextField

Swift
44
star
40

SSLineChart

SSLineChart provides you with the additional functionality of gradient color fill which cannot be found in any library specially Watchkit Libraries.
Swift
44
star
41

SSSwiftUISpinnerButton

SSSwiftUISpinnerButton is a collection of various spinning animations for buttons in SwiftUI.
Swift
43
star
42

react-native-tree-selection

A high-performance and lightweight tree selection library for React Native🎖
TypeScript
42
star
43

SSNaturalLanguage

Swift
42
star
44

react-native-photos-gallery

A React Native custom animated photo gallery component to open and view photos ✨
TypeScript
41
star
45

react-native-country-code-select

A React Native component that allows users to select a country code ✨ 🔥
TypeScript
41
star
46

Jetpack-compose-sample

Forget about bunch of XML files for maintaining UIs. Jetpack Compose is Android’s modern toolkit for building native UI. Here is a small example to get started.
Kotlin
38
star
47

SSMediaLibrary

Swift
38
star
48

SSVerticalPanoramaImage

Capture stunning vertical panorama images with ease and preview them instantly on the built-in screen.
Swift
37
star
49

SSCircularSlider

A simple, powerful and fully customizable circular slider, written in swift.
Swift
37
star
50

react-native-images-preview

A React Native animated custom image preview component ✨
TypeScript
36
star
51

SSCalendarControl

SSCalendarControl is small and highly customizable calendar control written in swift.
Swift
35
star
52

SSNeumorphicKit

Swift
35
star
53

SSSwiftyGo

Swift
35
star
54

flutter_vonage_video_call_demo

This application provides demo of one to one video call using Vonage Video API. Since there is no office support for flutter from voyage, this demo uses platform channel to communicate with native voyage SDK.
Kotlin
35
star
55

SSMultiSwipeCellKit

Swift
34
star
56

react-native-sticky-table

React Native sticky table component to elevate the app's data presentation and visualization experience ✨
TypeScript
32
star
57

react-native-audio-waveform

React Native component to show audio waveform with ease in react native application ✨
TypeScript
32
star
58

SSSwiper

SSSwiper is used to create swipe gestures action inside any view just by adding a modifier to the View with various customization options
Swift
31
star
59

Fitness-App-ARKit

Fitness App build with ARKit.
Swift
30
star
60

tesseract-OCR-iOS-demo

This prototype is to recognize text inside the image and for that it uses Tesseract OCR. The underlying Tesseract engine will process the picture and return anything that it believes is text.
Swift
30
star
61

SSStoryStatus

SSStoryStatus: Elevate your SwiftUI projects with seamless user list integration and captivating story displays. Empowering developers with effortless integration and complete UI customization, this versatile library makes showcasing stories a breeze.
Swift
28
star
62

SSSwiftUISideMenu

SSSwiftUISideMenu: Your ultimate iOS side menu companion. This customizable and intuitive library facilitates seamless navigation within your app, offering left and right panel support. Effortlessly integrate and personalize UI elements and animation styles to elevate your user experience.
Swift
26
star
63

SSInstaFeedParser

A Flutter package allows you to fetch basic data from a Instagram profile url which is public and verified.
Dart
25
star
64

react-native-graph-kit

Personalized graphs featuring customizable options for React Native app 📈
TypeScript
23
star
65

SSFacebookLogin

The Reusable Facebook Login Components for iOS is the easiest way to get data from Facebook.
Swift
22
star
66

battleship_flutter_flame

Dart
20
star
67

SSSceneFormSdkSample

This is an Augmented Reality Android app that is made by using ARcore and Sceneform SDK. 📸 🎉
Kotlin
18
star
68

Kotlin-Extensions

Library contains common extensions for Android
Kotlin
15
star
69

SSSwiftUILoader

A customisable, simple and elegant loader in SwiftUI.
Swift
15
star
70

SSSwiftUIVideoLayerView

SSSwiftUIVideoPlayerLayer is a custom controller which helps to load video in SwiftUI.
Swift
14
star
71

SSProgressBar

Customizable progressbar
Swift
14
star
72

SSGoogleLogin

The GoogleSigninReusabelComponets for iOS is the easiest way to get data from Google .
Swift
14
star
73

CMPedometerDemo

Let's count steps using CMPedometer
Swift
14
star
74

SSAudioRecorderWithWaveForm

SSAudioRecorderWithWaveForm is recording audio with wave form. 🎉🎤
Kotlin
13
star
75

SSCustomCameraControl

Custom camera control
Kotlin
12
star
76

CreateFirebaseDynamicLinks

Swift
10
star
77

ios-commons

added few old helpers (need to updated) as initial version to work on
Swift
9
star
78

SSTwitterLogin

The reusable Twitter login components for iOS is the easiest way to get data from Twitter.
Swift
9
star
79

Workouts-TV-app

Swift
8
star
80

Game-With-AR

Swift
8
star
81

flutter_project_template

Dart
7
star
82

SSLinkedIn

Objective-C
7
star
83

MVVMListDemo

Swift
7
star
84

iOS-BarcodeScan

Objective-C
6
star
85

android-demos

Kotlin
5
star
86

SSSwiftUIVideoPlayerLayer

Swift
4
star
87

react-native-downloader

A audio video file downloader app with foreground and background download support
JavaScript
4
star
88

flutter_ss_placeholder_view

A Flutter package allows you to add placeholder content while loading or empty items.🚧
Dart
4
star
89

NewsApp-RIBs

News app with Listview and Pageview using uber's RIBs Architecture
Swift
3
star
90

SwiftUI-Combine-MVVM

Swift
3
star
91

MVVMDemo

Architecture of iOS Application, Swift
Swift
2
star
92

BiometricReactNative

Biometric authentication with react-native app
JavaScript
2
star
93

Kotlin-CoRoutines

Kotlin
2
star
94

DFPDemo

For showing Ad's , Swift
Swift
2
star
95

QualityCodeSample

Swift
2
star
96

Android_Project_Setup

Kotlin
2
star
97

GoogleLogin

Swift
2
star
98

android_simform_sample_app

The sample app uses Github's GraphQL APIs to query the Simform's Github repositories and list them using compose views in the Android application.
Kotlin
2
star
99

SSNeumorphicSwiftUIKit

1
star
100

react-native-saga-operations

Repository for Redux-saga operations
JavaScript
1
star