• Stars
    star
    391
  • Rank 107,719 (Top 3 %)
  • Language
    Kotlin
  • License
    MIT License
  • Created over 4 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Liquid Swipe

GitHub license

Animation

Requirements

  • Android 5.0+

Example

To run the example project, clone the repo, and run app

As library

GitHub Packages

Step 1 : Generate a Personal Access Token for GitHub

  • Inside you GitHub account:
  • Settings -> Developer Settings -> Personal Access Tokens -> Generate new token
  • Make sure you select the following scopes (“ read:packages”) and Generate a token
  • After Generating make sure to copy your new personal access token. You cannot see it again! The only option is to generate a new key.

Step 2: Store your GitHub — Personal Access Token details

  • Create a github.properties file within your root Android project
  • In case of a public repository make sure you add this file to .gitignore for keep the token private
  • Add properties gpr.usr=GITHUB_USERID and gpr.key=PERSONAL_ACCESS_TOKEN
  • Replace GITHUB_USERID with personal / organisation Github User ID and PERSONAL_ACCESS_TOKEN with the token generated in #Step 1

Step 3 : Update build.gradle inside the application module

  • Add the following code to build.gradle inside the app module that will be using the library
    def githubProperties = new Properties()
    githubProperties.load(new FileInputStream(rootProject.file("github.properties")))
    repositories {
        maven {
            name = "GitHubPackages"

            url = uri("https://maven.pkg.github.com/Cuberto/liquid-swipe-android")
            credentials {
                /** Create github.properties in root project folder file with     
                ** gpr.usr=GITHUB_USER_ID & gpr.key=PERSONAL_ACCESS_TOKEN 
                ** Or set env variable GPR_USER & GPR_API_KEY if not adding a properties file**/
                username = githubProperties['gpr.usr'] ?: System.getenv("GPR_USER")
                password = githubProperties['gpr.key'] ?: System.getenv("GPR_API_KEY")
            }
        }
    }
  • inside dependencies of the build.gradle of app module, use the following code
    dependencies {
        //consume library
        implementation 'com.cuberto:liquid-swipe:1.0.0'
        ....
    }

Sync project and now you can use flashytabbar library

Usage

Add LiquidPager to your xml and use it like you would ViewPager


    <com.cuberto.liquid_swipe.LiquidPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
        

iOS

Similar library LiquidSwipe by Cuberto

Author

Cuberto Design, [email protected]

License

Liquid Swipe is available under the MIT license. See the LICENSE file for more info.

More Repositories

1

liquid-swipe

Swift
2,973
star
2

bubble-icon-tabbar

Swift
1,068
star
3

smooth-scroll

Smooth collection scrolling
Swift
690
star
4

flashy-tabbar

One another nice animated tabbar
Swift
687
star
5

gooey-cell

Swift
593
star
6

mouse-follower

A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website.
JavaScript
553
star
7

rubber-range-picker

Swift
399
star
8

fluid-card

Swift
289
star
9

balloon-picker

Swift
286
star
10

3d-tap

Custom selection animation for UICollectionViewCell
Swift
240
star
11

rate-it

Swift
220
star
12

cb-tabbar

Swift
174
star
13

smooth-feed

Swift
132
star
14

flashy-tabbar-android

Java
105
star
15

bubble-icon-tabbar-android

Java
83
star
16

scroll-sequence-demo

Example of how we create a sequence scrolling effect on sites using the SmoothScroll and GSAP ScrollTrigger libraries
JavaScript
69
star
17

svg-distortion-effect-demo

This example is dedicated to how you can use the SVG Turbulence and Displacement Map filters to create an interesting switching effect for pictures and videos.
SCSS
65
star
18

reeller

Flexible, powerful and modern library for creating the running horizontal blocks effect, also known as ticker or the «marquee effect».
JavaScript
54
star
19

cursor-magnetic-demo

Example of creation cursor follower and magnetic effect
JavaScript
43
star
20

html-boilerplate

Cuberto Boilerplate that we use to start developing all our projects.
SCSS
41
star
21

jellyscroll

Library for creating jelly scrolling effect
JavaScript
37
star
22

headers-hover-demo

In this demo we have collected 7 unusual hover effects for large headers.
JavaScript
29
star
23

marquee-effect-demo

You'll find the guide how to create dynamic marquee effect in this demo.
SCSS
26
star
24

particles

Simple library for creating flying particles.
JavaScript
24
star
25

bglines

Library for creating WebGL dynamic background lines
JavaScript
20
star
26

transparentize-video-demo

This is a simple but neat technique to remove the background from a black and white video and color it using the mix-blend-mode property using pure CSS. This technique allows you to emulate various looped and dynamic spheres and shapes without using WebGL with a pre-prepared video.
JavaScript
17
star
27

liquid-tabbar

13
star