@@ -5,213 +5,20 @@ Android Jetpack Compose implementation of [SpinKit](https://tobiasahlin.com/spin
55
66## How it looks
77
8- <table >
9- <tr >
10- <td >
11- <div align =" center " >Preview</div ></td >
12- </tr >
13- <tr >
14- <td >
15- <div align =" center " ><img src =" https://user-images.githubusercontent.com/50905347/184544847-1321238a-8167-4ec6-81a4-78ec9ed8421c.gif " width =" 230 " height =" 230 " ></div > </td >
16- </tr >
17- </table >
8+ | Preview|
9+ | -------|
10+ | <img src =" https://user-images.githubusercontent.com/50905347/184544847-1321238a-8167-4ec6-81a4-78ec9ed8421c.gif " width =" 230 " height =" 230 " >|
1811
19- | Spinner| Usage|
20- | -------| -----|
21- | <img src =" https://user-images.githubusercontent.com/50905347/184547400-f804659d-47ab-44c0-b687-0b112b37feb6.gif " width =" 115 " height =" 115 " >| ``` RotatingPlane() ``` |
22-
23- <table >
24- <tr >
25- <td ><div align =" center " >Spinner</div ></td >
26- <td ><div align =" center " >Usage</div ></td >
27- <td ><div align =" center " >Spinner</div ></td >
28- <td ><div align =" center " >Usage</div ></td >
29- <td ><div align =" center " >Spinner</div ></td >
30- <td ><div align =" center " >Usage</div ></td >
31- </tr >
32-
33- <tr >
34- <td >
35- <div align =" center " >
36- <img src="https://user-images.githubusercontent.com/50905347/184547400-f804659d-47ab-44c0-b687-0b112b37feb6.gif" width="115" height="115"
37- </div >
38- </td >
39-
40- <td >
41-
42- ``` kotlin
43- RotatingPlane ()
44- ```
45- </td >
46- <td >
47- <div align =" center " >
48- <img src="https://user-images.githubusercontent.com/50905347/184547925-717f957e-35a1-48ee-9677-971c91e876e3.gif" width="115" height="115"
49- </div>
50- </td >
51- <td >
52-
53- ``` kotlin
54- ChasingDots ()
55- ```
56- </td >
57- <td >
58- <div align =" center " >
59- <img src="https://user-images.githubusercontent.com/50905347/184548345-edcf0bd0-0b2b-44c9-aa09-d74f5ae6decf.gif" width="115" height="115"
60- </div>
61- </td >
62- <td >
63-
64- ``` kotlin
65- DoubleBounce ()
66- ```
67- </td >
68- </tr >
69-
70- <tr >
71- <td >
72- <div align =" center " >
73- <img src="https://user-images.githubusercontent.com/50905347/184549191-5304e7ee-2bd3-486c-b062-d6b7631f210a.gif" width="115" height="115">
74- </div >
75- </td >
76- <td >
77-
78- ``` kotlin
79- Wave ()
80- ```
81- </td >
82- <td >
83- <div align =" center " >
84- <img src="https://user-images.githubusercontent.com/50905347/184549202-d88eeaba-827e-4c51-9e3a-d0d2dd483212.gif" width="115" height="115">
85- </div >
86- </td >
87- <td >
88-
89- ``` kotlin
90- WanderingCubes ()
91- ```
92- </td >
93- <td >
94- <div align =" center " >
95- <img src="https://user-images.githubusercontent.com/50905347/184549207-032335cb-462c-44bd-9080-0d8a960b95dd.gif" width="115" height="115">
96- </div >
97- </td >
98- <td >
99-
100- ``` kotlin
101- Pulse ()
102- ```
103- </td >
104- </tr >
105-
106- <tr >
107- <td >
108- <div align =" center " >
109- <img src="https://user-images.githubusercontent.com/50905347/184549209-f5503455-6803-48f3-9db4-d0104027f411.gif" width="115" height="115">
110- </div >
111- </td >
112- <td >
113-
114- ``` kotlin
115- ChasingTwoDots ()
116- ```
117- </td >
118- <td >
119- <div align =" center " >
120- <img src="https://user-images.githubusercontent.com/50905347/184549212-777076df-76e8-4e0f-9251-d7c5eb0b362e.gif" width="115" height="115">
121- </div >
122- </td >
123- <td >
124-
125- ``` kotlin
126- ThreeBounce ()
127- ```
128- </td >
129- <td >
130- <div align =" center " >
131- <img src="https://user-images.githubusercontent.com/50905347/184554273-476e6cb6-e806-4bb0-adef-0fff0f136247.png" width="115" height="115">
132- </div >
133- </td >
134- <td >
135-
136- ``` kotlin
137- Circle ()
138- ```
139- </td >
140- </tr >
141-
142- <tr >
143- <td >
144- <div align =" center " >
145- <img src="https://user-images.githubusercontent.com/50905347/184554274-c0bf19f4-3e32-4920-8f66-ae14d478e859.png" width="115" height="115">
146- </div >
147- </td >
148- <td >
149-
150- ``` kotlin
151- CubeGrid ()
152- ```
153- </td >
154- <td >
155- <div align =" center " >
156- <img src="https://user-images.githubusercontent.com/50905347/184554275-0d1bd5e7-48a7-4828-8824-3fd8cfd6cb14.png" width="115" height="115">
157- </div >
158- </td >
159- <td >
160-
161- ``` kotlin
162- FadingCircle ()
163- ```
164- </td >
165- <td >
166- <div align =" center " >
167- <img src="https://user-images.githubusercontent.com/50905347/184554276-e17ff715-e102-4247-be3b-9a23684f303e.png" width="115" height="115">
168- </div >
169- </td >
170- <td >
171-
172- ``` kotlin
173- FoldingCube ()
174- ```
175- </td >
176- </tr >
177-
178- <tr >
179- <td >
180- <div align =" center " >
181- <img src="https://user-images.githubusercontent.com/50905347/184554277-50a2ee51-2a17-4e22-9466-ddd0fcad9832.png" width="115" height="115">
182- </div >
183- </td >
184- <td >
185-
186- ``` kotlin
187- InstaSpinner ()
188- ```
189- </td >
190- <td >
191- <div align =" center " >
192- <img src="https://user-images.githubusercontent.com/50905347/184554278-fbd17d1f-f5f3-4750-8eb7-cac7ef54f3f1.gif" width="115" height="115">
193- </div >
194- </td >
195- <td >
196-
197- ``` kotlin
198- LoadingBar ()
199- ```
200- </td >
201- <td >
202- <div align =" center " >
203- <img src="https://user-images.githubusercontent.com/50905347/184554279-298c17df-b8f4-498c-bdf5-b6f81c16ffbe.gif" width="115" height="115">
204- </div >
205- </td >
206- <td >
207-
208- ``` kotlin
209- LoadingDots (" Loading" )
210- ```
211- </td >
212- </tr >
213-
214- </table >
12+ | Spinner| Usage| Spinner| Usage|
13+ | -------| -----| -------| -----|
14+ | <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() ``` |
15+ | <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 " >| ``` ChasingDots() ``` |
16+ | <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 " >| ``` ChasingDots() ``` |
17+ | <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 " >| ``` ChasingDots() ``` |
18+ | <img src =" https://user-images.githubusercontent.com/50905347/184554273-476e6cb6-e806-4bb0-adef-0fff0f136247.png " width =" 115 " height =" 115 " >| ``` ThreeBounce() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184554274-c0bf19f4-3e32-4920-8f66-ae14d478e859.png " width =" 115 " height =" 115 " >| ``` ChasingDots() ``` |
19+ | <img src =" https://user-images.githubusercontent.com/50905347/184554275-0d1bd5e7-48a7-4828-8824-3fd8cfd6cb14.png " width =" 115 " height =" 115 " >| ``` Circle() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184554276-e17ff715-e102-4247-be3b-9a23684f303e.png " width =" 115 " height =" 115 " >| ``` CubeGrid() ``` |
20+ | <img src =" https://user-images.githubusercontent.com/50905347/184554277-50a2ee51-2a17-4e22-9466-ddd0fcad9832.png " width =" 115 " height =" 115 " >| ``` FadingCircle() ``` | <img src =" https://user-images.githubusercontent.com/50905347/184554278-fbd17d1f-f5f3-4750-8eb7-cac7ef54f3f1.gif " width =" 115 " height =" 115 " >| ``` FoldingCube() ``` |
21+ | <img src =" https://user-images.githubusercontent.com/50905347/184554279-298c17df-b8f4-498c-bdf5-b6f81c16ffbe.gif " width =" 115 " height =" 115 " >| ``` InstaSpinner() ``` |
21522
21623## Setup
217241 . Open the file ` settings.gradle ` (it looks like that)
0 commit comments