Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions .fleet/receipt.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
// Project generated by Kotlin Multiplatform Wizard
{
"spec": {
"template_id": "kmt",
"targets": {
"android": {
"ui": [
"compose"
]
},
"ios": {
"ui": [
"compose"
]
},
"desktop": {
"ui": [
"compose"
]
},
"web": {
"ui": [
"compose"
]
}
}
},
"timestamp": "2024-05-12T01:09:16.901418563Z"
}
17 changes: 12 additions & 5 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,10 +1,17 @@
*.iml
.gradle
/local.properties
/.idea
**/build/
xcuserdata
!src/**/build/
local.properties
.idea
.DS_Store
/build
/captures
captures
.externalNativeBuild
.cxx
local.properties
*.xcodeproj/*
!*.xcodeproj/project.pbxproj
!*.xcodeproj/xcshareddata/
!*.xcodeproj/project.xcworkspace/
!*.xcworkspace/contents.xcworkspacedata
**/xcshareddata/WorkspaceSettings.xcsettings
127 changes: 63 additions & 64 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,43 +14,42 @@ Indicators #1 |
<img src="screenshots/screenshot.gif" alt="GIF 1" width="300" height="600"> | <img src="screenshots/screenshot_1.gif" alt="GIF 1" width="300" height="600">



## Usage

- #### Step 1
Add it in settings.gradle:
```bash

```kotlin
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
maven("https://s01.oss.sonatype.org")
}
}


- #### Step 2
Add the dependency
```bash
dependencies {
implementation 'com.github.MahboubehSeyedpour:jetpack-loading:1.1.0'

```kotlin
commonMain.dependencies {
implementation('com.github.MahboubehSeyedpour:jetpack-loading:$version')
}


- #### Step 3
- #### Step 3
It's very simple to use. Just add component where you want
```bash
```kotlin
@Composable
fun Greeting() {
...
PacmanIndicator()
...
}
```

You can also control the details of the animations using parameters
```bash
```kotlin
@Composable
fun Greeting() {
...
Expand All @@ -60,66 +59,66 @@ Indicators #1 |
```

Enjoy JetpackLoading 😊

## Indicators

The indicators are as follows:

1. Indicators #1
Row 1
- `PulsatingDot`
- `GridPulsatingDot`
- `CircularPulsatingIndicator`
- `BallClipRotatePulseIndicator`

Row 2
- `SquareSpinIndicator`
- `BallClipRotateMultipleIndicator`
- `BallPulseRiseIndicator`
- `BallRotateIndicator`

Row 3
- `CubeTransitionIndicator`
- `BallZigZagIndicator`
- `BallZigZagDeflectIndicator`
- `BallTrianglePathIndicator`

Row 4
- `BallScaleIndicator`
- `LineScaleIndicator`
- `LineScaleIndicator`
- `BallScaleMultipleIndicator`

Row 5
- `BallPulseSyncIndicator`
- `BallBeatIndicator`
- `LineScaleIndicator`
- `LineScaleIndicator`

Row 6
- `BallScaleRippleIndicator`
- `BallScaleRippleMultipleIndicator`
- `BallSpinFadeLoaderIndicator`
- `LineSpinFadeLoaderIndicator`

Row 7
- `TriangleSpinIndicator`
- `PacmanIndicator`
- `BallGridBeatIndicator`
- `SemiCircleSpinIndicator`

Row 1
- `PulsatingDot`
- `GridPulsatingDot`
- `CircularPulsatingIndicator`
- `BallClipRotatePulseIndicator`

Row 2
- `SquareSpinIndicator`
- `BallClipRotateMultipleIndicator`
- `BallPulseRiseIndicator`
- `BallRotateIndicator`

Row 3
- `CubeTransitionIndicator`
- `BallZigZagIndicator`
- `BallZigZagDeflectIndicator`
- `BallTrianglePathIndicator`

Row 4
- `BallScaleIndicator`
- `LineScaleIndicator`
- `LineScaleIndicator`
- `BallScaleMultipleIndicator`

Row 5
- `BallPulseSyncIndicator`
- `BallBeatIndicator`
- `LineScaleIndicator`
- `LineScaleIndicator`

Row 6
- `BallScaleRippleIndicator`
- `BallScaleRippleMultipleIndicator`
- `BallSpinFadeLoaderIndicator`
- `LineSpinFadeLoaderIndicator`

Row 7
- `TriangleSpinIndicator`
- `PacmanIndicator`
- `BallGridBeatIndicator`
- `SemiCircleSpinIndicator`


2. Indicators #2

Row 1
- `GridFadeDiagonal`
- `GridFadeAntiDiagonal`
- `BallRespectivelyExitIndicator`
- `TriangleShapeIndicator`

Row 2
- `CircleShapeIndicator`
Row 1
- `GridFadeDiagonal`
- `GridFadeAntiDiagonal`
- `BallRespectivelyExitIndicator`
- `TriangleShapeIndicator`

Row 2
- `CircleShapeIndicator`


## 🔗 Contact
Expand All @@ -144,4 +143,4 @@ Copyright 2023 Mahboubeh Seyedpour
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
```
```
1 change: 0 additions & 1 deletion app/.gitignore

This file was deleted.

57 changes: 0 additions & 57 deletions app/build.gradle

This file was deleted.

This file was deleted.

Loading