All Projects β†’ quver β†’ SlidableImage

quver / SlidableImage

Licence: MIT License
Fancy slider for before&after images

Programming Languages

swift
15916 projects
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to SlidableImage

Vue Slide Bar
🎒 A Simple Vue Slider Bar Component.
Stars: ✭ 129 (+303.13%)
Mutual labels:  slide, slider
Vue Infinite Slide Bar
∞ Infinite slide bar component (no dependency and light weight 1.48 KB)
Stars: ✭ 190 (+493.75%)
Mutual labels:  slide, slider
Svelte Carousel
A super lightweight, super simple Carousel for Svelte 3
Stars: ✭ 144 (+350%)
Mutual labels:  slide, slider
React Slidy
πŸƒ React Slidy - Minimalistic and smooth touch slider and carousel component for React
Stars: ✭ 69 (+115.63%)
Mutual labels:  slide, slider
mijin
Tailwind CSS UI components build for Vue.js / Nuxt.js
Stars: ✭ 168 (+425%)
Mutual labels:  ui-kit, ui-components
React Siema
ReactSiema Demo
Stars: ✭ 90 (+181.25%)
Mutual labels:  slide, slider
Springy facebook rebound
Springy makes Android Property animation easy to use.
Stars: ✭ 176 (+450%)
Mutual labels:  slide, ui-components
React Whirligig
A react carousel/slider like component for sequentially displaying slides or sets of slides
Stars: ✭ 20 (-37.5%)
Mutual labels:  slide, slider
vuestic-ui
Free and Open Source UI Library for Vue 3 🀘
Stars: ✭ 1,501 (+4590.63%)
Mutual labels:  ui-kit, ui-components
visage
Visage design system
Stars: ✭ 12 (-62.5%)
Mutual labels:  ui-kit, ui-components
Jcslider
πŸ‚ A responsive slider jQuery plugin with CSS animations
Stars: ✭ 52 (+62.5%)
Mutual labels:  slide, slider
light-ui
A lightly React UI library
Stars: ✭ 38 (+18.75%)
Mutual labels:  ui-kit, ui-components
Sizeslidebutton
A fun Swift UIControl for picking a size
Stars: ✭ 46 (+43.75%)
Mutual labels:  slide, slider
Vue Swipe Mobile
πŸ˜ƒ A siwpe (touch slider) component for Vue2
Stars: ✭ 97 (+203.13%)
Mutual labels:  slide, slider
Slendr
A responsive & lightweight (2KB gzipped) slider for modern browsers. [UNMAINTAINED]
Stars: ✭ 39 (+21.88%)
Mutual labels:  slide, slider
Vue Awesome Swiper
πŸ† Swiper component for @vuejs
Stars: ✭ 12,072 (+37625%)
Mutual labels:  slide, slider
React Zmage
δΈ€δΈͺ基于 React ηš„ε―ηΌ©ζ”Ύε›Ύη‰‡ζŽ§δ»Ά | A scalable image wrapper power by react
Stars: ✭ 713 (+2128.13%)
Mutual labels:  slide, slider
Vue Concise Slider
vue-concise-slider,A simple vue sliding component
Stars: ✭ 831 (+2496.88%)
Mutual labels:  slide, slider
cachu-slider
🌈 πŸ”† Create animated full screen and content-fit sliders efficiently.
Stars: ✭ 30 (-6.25%)
Mutual labels:  slide, slider
pearl-ui
Pearl UI is a powerful UI toolkit that helps you build beautiful production-ready mobile apps right out of the box ⚑️
Stars: ✭ 19 (-40.62%)
Mutual labels:  ui-kit, ui-components

SlidableImage

iOS CI codecov codebeat badge GitHub license Platform Version Swift Package Manager compatible Readme Score

Easy to use library for before & after images. One-line initialization and very customizable API.

Requirements

  • iOS 12
  • Swift 5

Instalation

This library support

  • Cocoapods
  • Swift Package Manager
pod 'SlidableImage', '~>3.0'

Using

Constructor

Common init with image

init(frame: CGRect, views: Views)

Gemeric init with views

init(frame: CGRect, images Images)

Move slider

updateMask(location maskLocation: CGFloat)

Variables

Views tuple

var views: Views

Circle view with icon for sliding images. You can override it with your custom view.

var sliderCircle: UIView

Enum that describes which direction the slider will slide from.

var slideDirection: SlideDirection

// Possible values
.left, .right, .top, .bottom

Add border

addBorder(width: CGFloat, color: UIColor)

Remove border

removeBorder()

TODO

  • Test with storyboards

Author

PaweΕ‚ Bednorz, Quver

License

SlidableImage Lib and Slider graphic are available under the MIT license. Check the LICENSE file for more information.

Images from http://www.comicsbeat.com/awesome-infographic-on-the-avengers-then-and-now/

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].