1- # ComposeLoading
1+ # ComposeLoading [ ![ ] ( https://jitpack.io/v/commandiron/ComposeLoading.svg )] ( https://jitpack.io/#commandiron/ComposeLoading )
2+
23
34Android Jetpack Compose implementation of [ SpinKit] ( https://tobiasahlin.com/spinkit/ ) with additionals.
45
56## How it looks
67
7- <table >
8- <tr ><td ><div align =" center " >SpinKit</div ></td ><td ><div align =" center " >Loading Bar</div ></td ><td ><div align =" center " >Loading Dots</div ></td ></tr >
9-
10- <tr >
11- <td >
12- <div align =" center " >
13- <img src =" https://user-images.githubusercontent.com/50905347/184536631-c3d8561c-b991-4f99-b713-15e888481252.gif " width =" 231 " height =" 173 " >
14- </div >
15- </td >
16- <td >
17- <div align =" center " >
18- <img src =" https://user-images.githubusercontent.com/50905347/184497482-fe3141f7-ea3a-433c-be67-0ec8196579f9.gif " width =" 231 " height =" 173 " >
19- </div >
20- </td >
21- <td >
22- <div align =" center " >
23- <img src =" https://user-images.githubusercontent.com/50905347/184497705-9236994c-8985-482a-81c0-5604dd0f69ca.gif " width =" 231 " height =" 173 " >
24- </div >
25- </td >
26- </tr >
27- <tr ><td ><div align =" center " >Usage</div ></td ><td ><div align =" center " >Usage</div ></td ><td ><div align =" center " >Usage</div ></td ></tr >
28- <tr >
29- <td >
30-
31- ``` kotlin
32- // e.g.
33- RotatingPlane ()
34- ```
35- </td >
36- <td >
37-
38- ``` kotlin
39-
40- LoadingBar (fakeMillis = 10000 )
41- ```
42- </td >
43- <td >
44-
45- ``` kotlin
46-
47- LoadingDots (" Loading" )
48- ```
49- </td >
50- </tr >
51- </table >
8+ | Preview|
9+ | -------|
10+ | <img src =" https://user-images.githubusercontent.com/50905347/184544847-1321238a-8167-4ec6-81a4-78ec9ed8421c.gif " width =" 230 " height =" 230 " >|
5211
5312## Setup
54131 . Open the file ` settings.gradle ` (it looks like that)
@@ -72,3 +31,16 @@ dependencies {
7231 implementation 'com.github.commandiron:ComposeLoading:1.0'
7332}
7433```
34+
35+ ## Usage
36+
37+ | Spinner| Usage| Spinner| Usage|
38+ | -------| -----| -------| -----|
39+ | <img src =" https://user-images.githubusercontent.com/50905347/184547400-f804659d-47ab-44c0-b687-0b112b37feb6.gif " width =" 115 " height =" 115 " >| ``` RotatingPlane() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184547925-717f957e-35a1-48ee-9677-971c91e876e3.gif " width =" 115 " height =" 115 " >| ``` ChasingDots() ``` |
40+ | <img src =" https://user-images.githubusercontent.com/50905347/184548345-edcf0bd0-0b2b-44c9-aa09-d74f5ae6decf.gif " width =" 115 " height =" 115 " >| ``` DoubleBounce() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184549191-5304e7ee-2bd3-486c-b062-d6b7631f210a.gif " width =" 115 " height =" 115 " >| ``` Wave() ``` |
41+ | <img src =" https://user-images.githubusercontent.com/50905347/184549202-d88eeaba-827e-4c51-9e3a-d0d2dd483212.gif " width =" 115 " height =" 115 " >| ``` WanderingCubes() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184549207-032335cb-462c-44bd-9080-0d8a960b95dd.gif " width =" 115 " height =" 115 " >| ``` Pulse() ``` |
42+ | <img src =" https://user-images.githubusercontent.com/50905347/184549209-f5503455-6803-48f3-9db4-d0104027f411.gif " width =" 115 " height =" 115 " >| ``` ChasingTwoDots() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184549212-777076df-76e8-4e0f-9251-d7c5eb0b362e.gif " width =" 115 " height =" 115 " >| ``` ThreeBounce() ``` |
43+ | <img src =" https://user-images.githubusercontent.com/50905347/184554273-476e6cb6-e806-4bb0-adef-0fff0f136247.png " width =" 115 " height =" 115 " >| ``` Circle() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184554274-c0bf19f4-3e32-4920-8f66-ae14d478e859.png " width =" 115 " height =" 115 " >| ``` CubeGrid() ``` |
44+ | <img src =" https://user-images.githubusercontent.com/50905347/184554275-0d1bd5e7-48a7-4828-8824-3fd8cfd6cb14.png " width =" 115 " height =" 115 " >| ``` FadingCircle() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184554276-e17ff715-e102-4247-be3b-9a23684f303e.png " width =" 115 " height =" 115 " >| ``` FoldingCube() ``` |
45+ | <img src =" https://user-images.githubusercontent.com/50905347/184554277-50a2ee51-2a17-4e22-9466-ddd0fcad9832.png " width =" 115 " height =" 115 " >| ``` InstaSpinner() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184554278-fbd17d1f-f5f3-4750-8eb7-cac7ef54f3f1.gif " width =" 115 " height =" 115 " >| ``` LoadingBar() ``` |
46+ | <img src =" https://user-images.githubusercontent.com/50905347/184554279-298c17df-b8f4-498c-bdf5-b6f81c16ffbe.gif " width =" 115 " height =" 115 " >| ``` LoadingDots() ``` |
0 commit comments