Jetpack Compose component box.

Last update: Dec 10, 2022

Overview

Jetpack Compose Component Box

About The Project ℹ️

This project is a project where you can find and use custom components in Jetpack Compose. Our goal is to add and use components and some custom components that are used many times. You can also contribute by opening a PR. What you need to do is to open a pr and develop a preview component. That is all!

Contribution 💪🏻

All contributions are welcome! Feel free to jump to the issues and pick one for yourself! Please write a comment inside of the issue before you start working.

Rules 🔖

1 - To contribute to the Component Box repo, first open a branch as feature/component-name.
2 - Open a package file in the components package specific to the component.
3 - Before opening the PR, the Components you write must have a @Preview view.
4 - After the PR is open, add the name of the component you wrote to the Readme.md file under Features.

Screens 📱

Features 👀

Otp Component | Code
Custom Elevated Button Component | Code
Custom Elevated Button Component | Code
Gradient Button Component | Code
Outlined Button Component | Code
Circular Loading Bar Component | Code
Horizontal Loading Bar Component | Code
Line Loading Bar Component | Code
Story Loading Bar Component | Code
Expandable Card Component | Code
Progress Dialog Component | Code

Contributors 👏

Comments

Created expandable card

Expandable card component has been created.

Screen :

https://user-images.githubusercontent.com/48391281/176680685-3fdbb020-3231-4249-9544-5194246e40a8.mov

opened by nisaefendioglu 2
feature/loading bars
Hi, I added some loading bar examples as;

Simple Circular Loading Bar

Simple Horizontal Loading Bar

Simple Line Loading Bar

Story Loading Bar

https://user-images.githubusercontent.com/28221219/174580074-bf7469a9-dac2-49d9-bd28-df654d4ae1e4.mp4
opened by cengiztoru 1
feature/dark mode support

Hi,

Firstly thanks for the repo.

I realized that the topbar title color and back arrow icon are always black even in dark mode. I fixed them. Could you review the PR.

Thanks.

BEFORE:

https://user-images.githubusercontent.com/28221219/174560645-b20763a8-efc0-4f49-80aa-078d9d8b95cf.mp4

AFTER:

https://user-images.githubusercontent.com/28221219/174560703-f4a1f4fe-5a7d-412b-b568-0893d77ad08b.mp4

opened by cengiztoru 0

Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨

🐜 🐜 🐜 Compose flocking Ants(boids) 🐜 🐜 🐜 Jetpack compose Boids | Flocking Insect. bird or Fish simulation using Jetpack Compose Desktop 🚀 , usi

38 Sep 25, 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!

186 Jan 1, 2023

Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

382 Jan 5, 2023

This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Compose.

JetBMICalculator This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Co

3 Dec 31, 2022

A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Authentication A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose Scree

5 Dec 29, 2022

Jetpack Compose component box.

Related tags

Overview

Jetpack Compose Component Box

About The Project ℹ️

Contribution 💪🏻

Rules 🔖

Screens 📱

Features 👀

Contributors 👏

You might also like...

Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨

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

Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Compose.

Jetpack-Compose-Demo - Instagram Profile UI using Jetpack Compose

Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose

Compose-navigation - Set of utils to help with integrating Jetpack Compose and Jetpack's Navigation

Jetpack-compose-uis - A collection of some UIs using Jetpack Compose. built using Katalog

A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Comments

Created expandable card

Expandable card component has been created.

Screen :

feature/loading bars

feature/dark mode support

Owner

Mert Toptas

Android virtual box

🗻 Unopinionated, easy-to-use, and customizable Badge component for Jetpack Compose

Kotlin, MVVM, Navigation Component, Hilt, Jetpack Compose, Retrofit2

ComposeImageBlurhash is a Jetpack Compose component with the necessary implementation to display a blurred image while the real image is loaded from the internet. Use blurhash and coil to ensure good performance.

Android Sample Kotlin+ MVI + Jetpack compose + Coroutines + Retrofit + Hilt + Room + Navigation component

Icontent - Jetpack Compose component to show all random content sended by Inmersoft guide backend

❤️ A heart-shaped toggle switch component built using Jetpack Compose

A Coordinator Layout-like component in Jetpack Compose.

A Jetpack Compose component used for displaying Markdown-formatted text.

Android Clean Architecture with MVVM using Jetpack component