Collection of Compose UI Templates

Related tags

UI/UX android kotlin ui kotlin-android jetpack ui-components hacktoberfest jetpack-android jetpack-compose
Overview

Compose UI Templates

This repository contains set of Android compose ui templats which helps you to learn compose in Android.

💻 Requirements

To try out these UI templates, you need to use Android Studio Arctic Fox. You can clone this repository or import the project from Android Studio following the steps here.

🧬 Samples

Project

Chat UI

A sample Chat Ui that demonstrates the use of Compose with a typical Material app and real-world architecture.

• Simple Material Design theme
• Light & dark themes
• UI Testing


Jetnews sample demo
Comments
  • Feature: adding icon for our app

    Feature: adding icon for our app

    Hi, I also want to add a good icon for our app, since android icon does look good, I will share some ideas that I found here, please add your thoughts

    enhancement hacktoberfest 
    opened by Horizon733 9
  • Project not recognized in android studio

    Project not recognized in android studio

    Hi @Hiten24 , your project doesn't seem to get recognized by android studio. I have found a way and working on it can you please assign me to this issue?

    bug hacktoberfest 
    opened by Horizon733 1
  • back press button bug fixed

    back press button bug fixed

    I fixed the Back press button, and now it is navigating to the previous screen when pressed back. As mentioned in issue: https://github.com/Hiten24/Compose-Ui-Templates/issues/15 Please have a look at it and merge if works

    bug hacktoberfest hacktoberfest-accepted 
    opened by Horizon733 0
  • Modifications made to adjust as per keyboard toggle status

    Modifications made to adjust as per keyboard toggle status

    https://github.com/Hiten24/Compose-Ui-Templates/issues/9

    Enabled the option so that the text the text field does not hide behind keyboard but adjusts itself according to keyboard's state.

    bug hacktoberfest hacktoberfest-accepted 
    opened by Biren-Nayak 0
  • Text field hint bug Resolved

    Text field hint bug Resolved

    https://github.com/Hiten24/Compose-Ui-Templates/issues/4 Added a hint in the text field and visual changes like shifting send button in text field and border were added.

    bug hacktoberfest hacktoberfest-accepted 
    opened by Biren-Nayak 0
  • Bug: Status bar icons not visible in light mode

    Bug: Status bar icons not visible in light mode

    • As you can see in the Before section, status bar icons were not visible in light mode theme.

    • After applying fixing the bug, as you can see in the After section, status bar background is white and icons are set to black color, irrespective of the theme.

    | Before | After | | --- | --- | | | |

    bug hacktoberfest hacktoberfest-accepted 
    opened by Biren-Nayak 0
  • Twitter clone

    Twitter clone

    Twitter clone UI, This is how it is currently looking Progress:

    • [ x ] App bar
    • [ x ] Feed section
    • [ ] Search Screen
    • [ ] Message Screen
    • [x] Bottom Navigation
    image
    opened by Horizon733 0
  • Feature: Create a Cinema ticket booking UI

    Feature: Create a Cinema ticket booking UI

    Hi, I am thinking to create a ticket booking UI template, which will then show mock tickets to users when they provide details and click on OK, Below is the UI reference which I will be using as Inspiration. Please ignore the colors Here's I won't show payment UI since it is already implemented by Sunny

    enhancement hacktoberfest 
    opened by Horizon733 1
Releases(1.0.0)
Owner
Hiten chawda
Hiten chawda
GitHub
MacOS theme for JetBrains Compose UI framework

MacOS theme for Compose Multiplatform MacOS theme written in Compose UI. Create native looking UIs for Mac using Compose UI. Share your UI code to run

Carson Holzheimer 204 Nov 19, 2022
PCard Add payment card screen made using JetPack Compose

PCard Add payment card screen made using JetPack Compose Find this repository useful? ❤️ Support it by joining stargazers for this repository. ⭐ And f

Mohamed Elbehiry 61 Dec 16, 2022
Sample app to try compose and showcase principles from Composing (UI) beyond the UI

Composing clocks sample app This is a sample app to show how to build an app that follows the practices described in the series of articles Compose (U

Jordi Saumell 84 Dec 15, 2022
Compose app with dummy data which serves as a playground to try out new things in the Android world.

Music Event Manager Compose app with dummy data which serves as a playground to try out new things in the Android world. Description The app primarily

Igor Tepavac 4 Apr 4, 2022
A customizable debug screen to view and edit flags that can be used for development in Jetpack Compose applications

Tweaks A customizable debug screen to view and edit flags that can be used for development in Jetpack Compose applications To include the library add

Guillermo Merino Jiménez 4 Jan 14, 2022
Scrollbar Indicator usign compose

Carousel Carousel is a scroll indicator for ScrollableState composes. Carousel can be vertial or horizontal indicator based on the size provided using

null 58 Oct 19, 2022
A crypto currency wallet UI/UX template created using Android's jetpack compose.

CryptoWalletTemplate A crypto currency wallet UI/UX template created using Android's jetpack compose. High definition demo on youtube Youtube video de

prosper ekwerike 5 Feb 6, 2022
Sliders for compose with custom styles

Custom compose sliders This package allows you to build highly customizable sliders and tracks for compose for android Add to your project Add it in y

Vladislav Krot 52 Dec 15, 2022
Card with swipe options in Jetpack Compose

SwipeableActionCard Card with swipe options in Jetpack Compose Tutorial: Click Here Import SwipeableActionCard library Add this in project level build

Harsh Mahajan 1 Nov 23, 2021
Android jetpack compose swipe library

Swiper for Android Jetpack Compose Android Jetpack Compose swipe library. Downlo

null 32 Dec 10, 2022
A Jetpack Compose library with blur, pixelate, and other effects to keep your designer happy. Inspired by iOS UIVisualEffectView.

A Jetpack Compose library with blur, pixelate, and other effects to keep your designer happy. Inspired by iOS UIVisualEffectView.

清茶 67 Dec 30, 2022
A color picker for Jetpack compose 🎨

Compose Color Picker ?? Color Picker for Jetpack compose A color picker for Jetpack compose ?? Download ?? Working on it ?? Usage ColorPicker { co

mhssn 12 Dec 8, 2022
Collection of source codes, utilities, templates and snippets for Android development.

Android Templates and Utilities [DEPRECATED] Android Templates and Utilities are deprecated. I started with this project in 2012. Android ecosystem ha

Petr Nohejl 1.1k Nov 30, 2022
Android Templates: RxJava

Android Templates: RxJava Our optimized Android templates used in our android projects Setup Clone the project Checkout our main development branch ko

Danh Dev 0 Dec 29, 2021
ViewStateLayout - Easy way to manage common state templates like loading, empty, error etc.!

ViewStateLayout Easy way to manage common state templates like loading, empty, error etc.! How to Step 1. Add the JitPack repository to your build fil

Kamrul Hasan 7 Dec 15, 2022
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
Collection of UIs and Animations built with Jetpack Compose for Android

Jet Composer is a sample app built with Jetpack Compose for Android, which demonstrates the various UIs and animations that can be built with it.

Prafull Mishra 378 Dec 17, 2022