Skip to content

Commit 7951036

Browse files
committed
Merge remote-tracking branch 'origin/master'
2 parents df1aaf6 + 58282d6 commit 7951036

File tree

1 file changed

+18
-46
lines changed

1 file changed

+18
-46
lines changed

README.md

Lines changed: 18 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,13 @@
1-
# ComposeLoading
1+
# ComposeLoading [![](https://jitpack.io/v/commandiron/ComposeLoading.svg)](https://jitpack.io/#commandiron/ComposeLoading)
2+
23

34
Android 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
5413
1. 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

Comments
 (0)