1.0.0 (May 25, 2017)
Aug 14, 2016
May 25, 2017
rodolfo navalon (poldz123)
rodolfo navalon (poldz123)
Source code
APK file


Shape Ripple is a library that emulates a ripple like animations with cool tweaks on the go. It runs on API level 11 and upwards.

As addition you can even create your own shape renderer through the canvas to create a custom shape ripple.


For a brief overview of the library you can download the app in Google PlayStore Shape Ripple apk and try it out. The apk code for this demo app is located in the ShapeRippleExample folder


  • Ripple effect
  • Random ripple colors
  • Random ripple position
  • Stroke or Filled Ripple
  • Loaded with 5 different shapes
  • Create customizable shapes
  • Modify duration and interval of ripples

All Available Attributes

Attributes Effect
ripple_color color color of the base ripple
enable_single_ripple boolean flag for enabling the single ripple only
ripple_duration millisecond the duration of each ripple animation
enable_color_transition boolean flag for enabling the color transition
enable_random_position boolean flag for enabling the random positining of ripple in the view
enable_random_color boolean flag for enabling the random coloring for each ripple
enable_stroke_style boolean flag for enabling the stroke style for each ripple
ripple_from_color color starting color for the color transition of the ripple
ripple_to_color color end color for the color transition of the ripple
ripple_stroke_width dimension base stroke width for each of the ripple
ripple_maximum_radius dimension maximum radius of each of the ripples
ripple_count integer number of ripples to be rendered

Customizing Ripples

Customizing the ripple is easy. You can create a class that extends BaseShapeRipple and fill out the:

onSetup(Context context, Paint shapePaint)

  • This is called only once before any rendering happens, good for loading data/resources.

onDraw(Canvas canvas, int x, int y, float radiusSize, int color, int rippleIndex, Paint shapePaint)

  • This draws the actual ripple to the canvas. You can create your custom shapes here whatever you want.

For full documentation of the of the methods above go the the BaseShapeRipple class.


You can select which options you want to use:

1. JCenter dependency(Recommended)

  • Add it to your app build.gradle:
dependencies {
    compile 'com.rodolfonavalon:ShapeRippleLibrary:1.0.0'

2. Gradle maven dependency

  • Add it to your app build.gradle:
repositories {
    maven {
        url ''


dependencies {
    compile 'com.rodolfonavalon:ShapeRippleLibrary:1.0.0'

3. arr file only

  • Down the latest arr file from the release section
  • Copy the latest arr file to your libs folder of your Android Application
  • Start using the library

4. Clone whole repository

  • Open your commandline-input and navigate to the desired destination folder on your machine (where you want to place the library)
  • Use the command to download the full ShapeRipple repository to your computer (this includes the folder of the library as well as the folder of the example project)
  • Import the library folder ( ShapeRippleLibrary) into Android Studio (recommended) or your Eclipse workspace
  • Add it as a reference to your project:


Copyright 2016 Rodolfo Navalon

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, 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.