Code Monkey home page Code Monkey logo

ripple's Introduction

Ripple iOS

Animation, Effects & Transitions for iOS projects.

platform GitHub license Repository size GitHub stars GitHub forks GitHub follow

This package contains UI components with a custom feel to it.

What's New ?

  • RippleButtonStyle

Languages / Frameworks Used

  • SwiftUI
  • Swift

![Screenshot](Screenshot 2021-03-12 at 6.41.40 PM.png)

The project is built supporting iOS 13 and above

How to use ?



Button(action: { }) {
    Text("This is ripple button")
        .frame(width: 200, height: 15, alignment: .center)
}
.buttonStyle(RippleButtonStyle(with: .primeblue))

or simply create a button and add this as one of its modifiers - .buttonStyle(RippleButtonStyle(with: <insert Color>)) This has multiple properties to use.

var color: Color
var lightColor: Color
var shadowColor: Color
var isInternalGradientPresent: Bool
  • Color- This is a mandatory parameter. This is the color for the button.

  • lightColor- is the color of light source. Default value = Color.white

  • shadowColor- as the name suggests is the shadow color. Default value = Color.black

  • isInternalGradientPresent- This is a boolean flag which toggles the internal color gradient for inner shadows.

Having trouble ?

  • If you are having trouble with this project or if you find any bugs, do open a new issue and describe the problem.
  • Alternatively, you can drop me a mail @ [email protected].

Spread the word!

Liked the project? Just give it a star ⭐️ and spread the word!

Credits

© Manas Aggarwal | 2021

ripple's People

Contributors

fury-2k avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.