Skip to content

frogobox/frogo-ui

Use this GitHub action with your project
Add this Action to an existing workflow or create a new one
View on Marketplace

ScreenShoot Apps

About This Project (release 👷🔧️👷‍♀️⛏)

Android CI Scan with Detekt pages-build-deployment

Screen Shoot

UI KIT LIST UI KIT GRID

Version Release

This Is Latest Release

$version_release = 2.0.5

What's New??

* Avaiable For Android And Desktop *
* Update to libs.versions.toml *

Include Library

No. Library Name Docs
1. FrogoAnimation Click Here
2. FrogoLoadingIndicatorView Click Here

Download this project

Step 1. Add the JitPack repository to your build file (build.gradle : Project)

<Option 1> Groovy Gradle

// Add it in your root build.gradle at the end of repositories:

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

<Option 2> Kotlin DSL Gradle

// Add it in your root build.gradle.kts at the end of repositories:

allprojects {
    repositories {
        ...
        maven("https://jitpack.io")
    }
}

Step 2. Add the dependency (build.gradle : Module)

<Option 1> Groovy Gradle

dependencies {
    // library frogo-ui
    implementation 'com.github.frogobox:frogo-ui:2.0.5'

    // library frogo-ui for desktop
    implementation 'com.github.frogobox.frogo-ui:core-ui:2.0.5'
}

<Option 2> Kotlin DSL Gradle

dependencies {
    // library frogo-ui
    implementation("com.github.frogobox:frogo-ui:2.0.5")

    // library frogo-ui for desktop
    implementation("com.github.frogobox.frogo-ui:core-ui:2.0.5")
}

<Option 3> libs.versions.toml

[versions]
frogoui = "2.0.5"

[libraries]
frogo-ui = { group = "com.github.frogobox", name = "frogo-ui", version.ref = "frogoui" }
frogo-ui-core = { group = "com.github.frogobox.frogo-ui", name = "core-ui", version.ref = "frogoui" }

dependencies {
  // library frogo-ui
  implementation(libs.frogo.ui)

  // library frogo-ui for desktop
  implementation(libs.frogo.ui.core)
}

Documentation

FrogoAnimation

Easy Use Animation

FrogoAnimation().apply {
    setAnimation(Bounce.In(binding.TextView))
    setDuration(1500)
}.start()

Repeated Infinite

FrogoAnimation().apply {
    setAnimation(Attention.Ruberband(binding.TextView))
    setRepeated()
    setDuration(1500)
}.start()

Repeated Count

FrogoAnimation().apply {
    setAnimation(Attention.Ruberband(binding.TextView))
    setRepeated(20)
    setDuration(1500)
}.start()

Animations

To animate the view, add the class name and specific animation method namesetAnimation to an view. You can include the method setDuration to specify duration of animation. Default value for duration is 1000 Milliseconds. Finally you need to add one of the following classes to the view:

Class Name
Attention Bounce Fade Flip Rotate Slide Zoom

Attention

Attention
Bounce portfolio_view Flash portfolio_view
Pulse portfolio_view Ruberband portfolio_view
Shake portfolio_view Standup portfolio_view
Swing portfolio_view Tada portfolio_view
Wave portfolio_view Wobble portfolio_view

Bounce

Bounce
InDown portfolio_view InUp portfolio_view
InLeft portfolio_view InRight portfolio_view
In portfolio_view

Fade

Fade
InDown portfolio_view InUp portfolio_view
InLeft portfolio_view InRight portfolio_view
OutDown portfolio_view OutUp portfolio_view
OutLeft portfolio_view OutRight portfolio_view
In portfolio_view Out portfolio_view

Flip

Flip
InX portfolio_view InY portfolio_view
OutX portfolio_view OutY portfolio_view

Rotate

Rotate
InDownLeft portfolio_view InDownRight portfolio_view
InUpLeft portfolio_view InUpRight portfolio_view
OutDownLeft portfolio_view OutDownRight portfolio_view
OutUpLeft portfolio_view OutUpRight portfolio_view
In portfolio_view Out portfolio_view

Slide

Slide
InDown portfolio_view InUp portfolio_view
InLeft portfolio_view InRight portfolio_view
OutDown portfolio_view OutUp portfolio_view
OutLeft portfolio_view OutRight portfolio_view

Zoom

Zoom
InDown portfolio_view InUp portfolio_view
InLeft portfolio_view InRight portfolio_view
OutDown portfolio_view OutUp portfolio_view
OutLeft portfolio_view OutRight portfolio_view
In portfolio_view Out portfolio_view

FrogoLoadingIndicatorView

Demo

avi

Step 1. Add the FrogoLoadingIndicatorView to your layout:

Simple

<com.frogobox.loadingindicator.FrogoLoadingIndicatorView
    android:id="@+id/indicator"
    style="@style/FrogoLoadingIndicatorView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:indicatorName="BallPulseIndicator" // Indicator Name
    app:indicatorColor="#FFFFFF"/>

Step 2. It's very simple use just like .

fun hideClick(view: View?) {
    binding.fli.hide()
    // or fli.smoothToHide();
}

fun showClick(view: View?) {
    binding.fli.show()
    // or fli.smoothToShow();
}

Indicators

As seen above in the Demo, the indicators are as follows:

Row 1

  • BallPulseIndicator
  • BallGridPulseIndicator
  • BallClipRotateIndicator
  • BallClipRotatePulseIndicator

Row 2

  • SquareSpinIndicator
  • BallClipRotateMultipleIndicator
  • BallPulseRiseIndicator
  • BallRotateIndicator

Row 3

  • CubeTransitionIndicator
  • BallZigZagIndicator
  • BallZigZagDeflectIndicator
  • BallTrianglePathIndicator

Row 4

  • BallScaleIndicator
  • LineScaleIndicator
  • LineScalePartyIndicator
  • BallScaleMultipleIndicator

Row 5

  • BallPulseSyncIndicator
  • BallBeatIndicator
  • LineScalePulseOutIndicator
  • LineScalePulseOutRapidIndicator

Row 6

  • BallScaleRippleIndicator
  • BallScaleRippleMultipleIndicator
  • BallSpinFadeLoaderIndicator
  • LineSpinFadeLoaderIndicator

Row 7

  • TriangleSkewSpinIndicator
  • PacmanIndicator
  • BallGridBeatIndicator
  • SemiCircleSpinIndicator

Colaborator

Very open to anyone, I'll write your name under this, please contribute by sending an email to me

  • Mail To [email protected]
  • Subject : Github _ [Github-Username-Account] _ [Language] _ [Repository-Name]
  • Example : Github_amirisback_kotlin_admob-helper-implementation

Name Of Contribute

  • Muhammad Faisal Amir
  • Waiting List
  • Waiting List

Waiting for your contribute

Attention !!!

  • Please enjoy and don't forget fork and give a star
  • Don't Forget Follow My Github Account

ScreenShoot Apps