SVGView alternatives and similar libraries
Based on the "Animation" category.
Alternatively, view SVGView alternatives based on common mentions on social networks and blogs.
-
AnimatedCollectionViewLayout
A UICollectionViewLayout subclass that adds custom transitions/animations to the UICollectionView without effecting your existing code. -
AlertTransition
AlertTransition is a extensible library for making view controller transitions, especially for alert transitions. -
ContainerController
👉↕️📱ContainerController 🧩✨⚙️ is a UI Component Swipe-Panel (Customizable). 💡 The idea is copied from the app: Apple Maps, Stocks. Swift version -
SPPerspective
Widgets iOS 14 animation with 3D and dynamic shadow. Customisable transform and duration. -
AKVideoImageView
UIImageView subclass that allows you to display a looped video and dynamically switch it. -
Wobbly
(Animate CSS) animations for iOS. An easy to use library of iOS animations. As easy to use as an easy thing. -
Disintegrate
Disintegration animation inspired by THAT thing Thanos did at the end of Avengers: Infinity War. -
VariousViewsEffects
Various view's effects for iOS, written in Swift. Allows you to animate views nicely with easy to use extensions. Currently supported animations: Glass Break, Explode, Snowflakes. Every animation is randomized.
CodeRabbit: AI Code Reviews for Developers
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of SVGView or a related project?
README
SVGView
SVG parser written in SwiftUI
We are a development agency building phenomenal apps.
Overview
The goal of this project is to bring the full power of SVG to Apple platforms. Out framework can parse SVG files and represent their content in SwiftUI. It provides you with the ability to not only render SVG files, but also add interactivity to them, handle user input and use SwiftUI to put your art into motion.
Usage
Get started with SVGView
in a few lines of code:
struct ContentView: View {
var body: some View {
SVGView(fileURL: Bundle.main.url(forResource: "example", withExtension: "svg")!)
}
}
Interact with vector elements
You may locate the desired part of your SVG file using standard identifiers to add gestures and change its properties in runtime:
struct ContentView: View {
var body: some View {
let view = SVGView(fileURL: Bundle.main.url(forResource: "example", withExtension: "svg")!)
if let part = view.getNode(byId: "part") {
part.onTapGesture {
part.opacity = 0.2
}
}
return view
}
}
Animation
You can use stanard SwiftUI tools to animate your image:
if let part = view.getNode(byId: "part") {
part.onTapGesture {
withAnimation {
part.opacity = 0.2
}
}
}
Complex effects
SVGView makes it easy to add custom effects to your app. For example, make this pikachu track finger movement:
var body: some View {
let view = SVGView(fileURL: Bundle.main.url(forResource: "pikachu", withExtension: "svg")!)
let delta = CGAffineTransform(translationX: getEyeX(), y: 0)
view.getNode(byId: "eye1")?.transform = delta
view.getNode(byId: "eye2")?.transform = delta
return view.gesture(DragGesture().onChanged { g in
self.x = g.location.x
})
}
SVG Tests Coverage
Our mission is to provide 100% support of all SVG standards: 1.1 (Second Edition), Tiny 1.2 and 2.0. However, this project is at its very beginning, so you can follow our progress on this page. You can also check out SVGViewTests project to see how well this framework handles every single SVG test case.
Installation
CocoaPods
pod 'SVGView'
Carthage
github "Exyte/SVGView"
Swift Package Manager
dependencies: [
.package(url: "https://github.com/exyte/SVGView.git", from: "1.0.0")
]
Requirements
- iOS 13+ / watchOS 13+ / tvOS 13+ / macOS 11+
- Xcode 11+
*Note that all licence references and agreements mentioned in the SVGView README section above
are relevant to that project's source code only.