diff --git a/Package.swift b/Package.swift
index 67c8f32..66ba6d4 100644
--- a/Package.swift
+++ b/Package.swift
@@ -5,6 +5,7 @@ import PackageDescription
 
 let package = Package(
     name: "MMRatingView",
+    platforms: [.iOS(.v13)],
     products: [
         // Products define the executables and libraries a package produces, and make them visible to other packages.
         .library(
@@ -20,7 +21,7 @@ let package = Package(
         // Targets can depend on other targets in this package, and on products in packages this package depends on.
         .target(
             name: "MMRatingView",
-            dependencies: []),
+            dependencies: [], resources: [.process("MMRatingAssets")]),
         .testTarget(
             name: "MMRatingViewTests",
             dependencies: ["MMRatingView"]),
diff --git a/README.md b/README.md
index a528c12..987e059 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,3 @@
 # MMRatingView
 
-A description of this package.
+Customisable Rating View for swiftUI.
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/Contents.json b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/Contents.json
new file mode 100644
index 0000000..73c0059
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.fill.imageset/Contents.json b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.fill.imageset/Contents.json
new file mode 100644
index 0000000..6cacf46
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.fill.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "sports-baseball-24px.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.fill.imageset/sports-baseball-24px.svg b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.fill.imageset/sports-baseball-24px.svg
new file mode 100644
index 0000000..427e14b
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.fill.imageset/sports-baseball-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M3.81,6.28C2.67,7.9,2,9.87,2,12s0.67,4.1,1.81,5.72C6.23,16.95,8,14.68,8,12S6.23,7.05,3.81,6.28z"/></g><g><path d="M20.19,6.28C17.77,7.05,16,9.32,16,12s1.77,4.95,4.19,5.72C21.33,16.1,22,14.13,22,12S21.33,7.9,20.19,6.28z"/></g><g><path d="M14,12c0-3.28,1.97-6.09,4.79-7.33C17.01,3.02,14.63,2,12,2S6.99,3.02,5.21,4.67C8.03,5.91,10,8.72,10,12 s-1.97,6.09-4.79,7.33C6.99,20.98,9.37,22,12,22s5.01-1.02,6.79-2.67C15.97,18.09,14,15.28,14,12z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.imageset/Contents.json b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.imageset/Contents.json
new file mode 100644
index 0000000..6f6e476
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "sports-baseball-outlined-24px.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.imageset/sports-baseball-outlined-24px.svg b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.imageset/sports-baseball-outlined-24px.svg
new file mode 100644
index 0000000..300c678
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/baseball.imageset/sports-baseball-outlined-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><path d="M12,2C6.48,2,2,6.48,2,12c0,5.52,4.48,10,10,10s10-4.48,10-10C22,6.48,17.52,2,12,2z M5.61,16.78C4.6,15.45,4,13.8,4,12 s0.6-3.45,1.61-4.78C7.06,8.31,8,10.05,8,12S7.06,15.69,5.61,16.78z M12,20c-1.89,0-3.63-0.66-5-1.76c1.83-1.47,3-3.71,3-6.24 S8.83,7.23,7,5.76C8.37,4.66,10.11,4,12,4s3.63,0.66,5,1.76c-1.83,1.47-3,3.71-3,6.24s1.17,4.77,3,6.24C15.63,19.34,13.89,20,12,20 z M18.39,16.78C16.94,15.69,16,13.95,16,12s0.94-3.69,2.39-4.78C19.4,8.55,20,10.2,20,12S19.4,15.45,18.39,16.78z"/></g></svg>
\ No newline at end of file
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.fill.imageset/Contents.json b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.fill.imageset/Contents.json
new file mode 100644
index 0000000..8ec1123
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.fill.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "sports-basketball-24px.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.fill.imageset/sports-basketball-24px.svg b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.fill.imageset/sports-basketball-24px.svg
new file mode 100644
index 0000000..95974a1
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.fill.imageset/sports-basketball-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M17.09,11h4.86c-0.16-1.61-0.71-3.11-1.54-4.4C18.68,7.43,17.42,9.05,17.09,11z"/></g><g><path d="M6.91,11C6.58,9.05,5.32,7.43,3.59,6.6C2.76,7.89,2.21,9.39,2.05,11H6.91z"/></g><g><path d="M15.07,11c0.32-2.59,1.88-4.79,4.06-6c-1.6-1.63-3.74-2.71-6.13-2.95V11H15.07z"/></g><g><path d="M8.93,11H11V2.05C8.61,2.29,6.46,3.37,4.87,5C7.05,6.21,8.61,8.41,8.93,11z"/></g><g><path d="M15.07,13H13v8.95c2.39-0.24,4.54-1.32,6.13-2.95C16.95,17.79,15.39,15.59,15.07,13z"/></g><g><path d="M3.59,17.4c1.72-0.83,2.99-2.46,3.32-4.4H2.05C2.21,14.61,2.76,16.11,3.59,17.4z"/></g><g><path d="M17.09,13c0.33,1.95,1.59,3.57,3.32,4.4c0.83-1.29,1.38-2.79,1.54-4.4H17.09z"/></g><g><path d="M8.93,13c-0.32,2.59-1.88,4.79-4.06,6c1.6,1.63,3.74,2.71,6.13,2.95V13H8.93z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.imageset/Contents.json b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.imageset/Contents.json
new file mode 100644
index 0000000..3250a12
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "sports-basketball-outlined-24px.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.imageset/sports-basketball-outlined-24px.svg b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.imageset/sports-basketball-outlined-24px.svg
new file mode 100644
index 0000000..7aed45c
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/basketball.imageset/sports-basketball-outlined-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M12,2C6.48,2,2,6.48,2,12c0,5.52,4.48,10,10,10s10-4.48,10-10C22,6.48,17.52,2,12,2z M5.23,7.75 C6.1,8.62,6.7,9.74,6.91,11H4.07C4.22,9.82,4.63,8.72,5.23,7.75z M4.07,13h2.84c-0.21,1.26-0.81,2.38-1.68,3.25 C4.63,15.28,4.22,14.18,4.07,13z M11,19.93c-1.73-0.22-3.29-1-4.49-2.14c1.3-1.24,2.19-2.91,2.42-4.79H11V19.93z M11,11H8.93 C8.69,9.12,7.81,7.44,6.5,6.2C7.71,5.06,9.27,4.29,11,4.07V11z M19.93,11h-2.84c0.21-1.26,0.81-2.38,1.68-3.25 C19.37,8.72,19.78,9.82,19.93,11z M13,4.07c1.73,0.22,3.29,0.99,4.5,2.13c-1.31,1.24-2.19,2.92-2.43,4.8H13V4.07z M13,19.93V13 h2.07c0.24,1.88,1.12,3.55,2.42,4.79C16.29,18.93,14.73,19.71,13,19.93z M18.77,16.25c-0.87-0.86-1.46-1.99-1.68-3.25h2.84 C19.78,14.18,19.37,15.28,18.77,16.25z"/></g></g></svg>
\ No newline at end of file
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.fill.imageset/Contents.json b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.fill.imageset/Contents.json
new file mode 100644
index 0000000..a23a500
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.fill.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "sports-football-24px.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.fill.imageset/sports-football-24px.svg b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.fill.imageset/sports-football-24px.svg
new file mode 100644
index 0000000..7e55fba
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.fill.imageset/sports-football-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M3.02,15.62c-0.08,2.42,0.32,4.34,0.67,4.69s2.28,0.76,4.69,0.67L3.02,15.62z"/><path d="M13.08,3.28C10.75,3.7,8.29,4.62,6.46,6.46s-2.76,4.29-3.18,6.62l7.63,7.63c2.34-0.41,4.79-1.34,6.62-3.18 s2.76-4.29,3.18-6.62L13.08,3.28z M9.9,15.5l-1.4-1.4l5.6-5.6l1.4,1.4L9.9,15.5z"/><path d="M20.98,8.38c0.08-2.42-0.32-4.34-0.67-4.69s-2.28-0.76-4.69-0.67L20.98,8.38z"/></g></g></svg>
\ No newline at end of file
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.imageset/Contents.json b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.imageset/Contents.json
new file mode 100644
index 0000000..924f13e
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.imageset/Contents.json
@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "sports-football-outlined-24px.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.imageset/sports-football-outlined-24px.svg b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.imageset/sports-football-outlined-24px.svg
new file mode 100644
index 0000000..17a11da
--- /dev/null
+++ b/Sources/MMRatingView/Assets/MMRatingAssets.xcassets/football.imageset/sports-football-outlined-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M20.31,3.69C19.99,3.36,18.37,3,16.26,3c-3.03,0-7.09,0.75-9.8,3.46C1.87,11.05,2.9,19.52,3.69,20.31 C4.01,20.64,5.63,21,7.74,21c3.03,0,7.09-0.75,9.8-3.46C22.13,12.95,21.1,4.48,20.31,3.69z M7.74,19c-1.14,0-2.02-0.12-2.53-0.23 c-0.18-0.79-0.3-2.21-0.17-3.83l4.01,4.01C8.53,18.99,8.08,19,7.74,19z M16.13,16.13c-1.33,1.33-3.06,2.05-4.66,2.44l-6.04-6.04 c0.42-1.68,1.16-3.37,2.45-4.65c1.32-1.32,3.05-2.04,4.64-2.43l6.05,6.05C18.15,13.17,17.4,14.85,16.13,16.13z M18.96,9.09 l-4.03-4.03C15.45,5.01,15.91,5,16.26,5c1.14,0,2.02,0.12,2.53,0.23C18.97,6.02,19.09,7.45,18.96,9.09z"/><rect height="1.98" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.9706 12.0001)" width="7.92" x="8.04" y="11.01"/></g></g></svg>
\ No newline at end of file
diff --git a/Sources/MMRatingView/MMRatingView.swift b/Sources/MMRatingView/MMRatingView.swift
new file mode 100644
index 0000000..4324c15
--- /dev/null
+++ b/Sources/MMRatingView/MMRatingView.swift
@@ -0,0 +1,83 @@
+//
+//  MMRatingView.swift
+//  
+//
+//  Created by Manish Patidar on 28/08/22.
+//
+
+import SwiftUI
+
+/// A view of inline images that represents a rating.
+/// Tapping on an image will change it from an unfilled to a filled version of the image.
+///
+/// The following example shows a MMRatingView with a maximum rating of 10 red flags, each with a width of 20:
+///
+///     MMRatingView(maxRating: 10,
+///              currentRating: $currentRating,
+///              width: 20,
+///              color: .red,
+///              ratingImage: .flag)
+///
+///
+public struct MMRatingView: View {
+    
+    @Binding var currentRating: Int
+    
+    var maxRating: Int
+    var width:Int
+    var color: UIColor
+    var ratingImage: RatingImageType
+    
+    /// Only two required parameters are maxRating and the binding to currentRating.  All other parameters have default values
+    /// - Parameters:
+    ///   - maxRating: The maximum rating on the scale
+    ///   - currentRating: A binding to the current rating variable
+    ///   - width: The width of the image used for the rating  (Default - 20)
+    ///   - color: The color of the image ( (Default - systemYellow)
+    ///   - ratingImage: An enum representing the image used for the rating  (Default -  .star)
+    ///
+    public init(maxRating: Int,
+                currentRating: Binding<Int>,
+                width: Int = 20,
+                color: UIColor = .systemYellow,
+                ratingImage: RatingImageType = .star) {
+        self.maxRating = maxRating
+        self._currentRating = currentRating
+        self.width = width
+        self.color = color
+        self.ratingImage = ratingImage
+    }
+
+    public var body: some View {
+        HStack {
+            ForEach(0..<maxRating, id: \.self) { rating in
+                correctImage(for: rating)
+                    .resizable()
+                    .scaledToFit()
+                    .foregroundColor(Color(color))
+                    .onTapGesture {
+                        self.currentRating = rating+1
+                    }
+            }
+        }
+        .frame(width: CGFloat(maxRating * width))
+    }
+    
+    private func correctImage(for rating: Int) -> Image {
+        if rating < currentRating {
+            return ratingImage.fillImage
+        } else {
+            return ratingImage.openImage
+        }
+    }
+}
+
+struct MMRatingView_Previews: PreviewProvider {
+    static var previews: some View {
+        MMRatingView(maxRating: 5, currentRating: .constant(3))
+            .environment(\.colorScheme, .light)
+            .previewLayout(.sizeThatFits)
+            .padding(10)
+    }
+}
+
diff --git a/Sources/MMRatingView/RatingImageType.swift b/Sources/MMRatingView/RatingImageType.swift
new file mode 100644
index 0000000..a828e1e
--- /dev/null
+++ b/Sources/MMRatingView/RatingImageType.swift
@@ -0,0 +1,41 @@
+//
+//  MMRatingView.swift
+//
+//  Created by Manish Patidar on 28/08/22.
+//
+
+import SwiftUI
+
+public enum RatingImageType: String {
+    
+    case star = "SF_star"
+    case heart = "SF_heart"
+    case thumbsUp = "SF_hand.thumbsup"
+    case bookmark = "SF_bookmark"
+    case flag = "SF_flag"
+    case bell = "SF_bell"
+    
+    case baseball
+    case basketball
+    case football
+    case custom
+
+    var fillImage: Image {
+        rawValue.prefix(3) == "SF_" ?
+            Image(systemName: String(rawValue.dropFirst(3)) + ".fill")
+            :
+            rawValue == "custom" ?
+            Image("\(rawValue).fill")
+            :
+        Image("\(rawValue).fill", bundle: .module)
+    }
+    var openImage: Image {
+        rawValue.prefix(3) == "SF_" ?
+            Image(systemName: String(rawValue.dropFirst(3)))
+            :
+            rawValue == "custom" ?
+            Image(rawValue)
+            :
+            Image(rawValue, bundle: .module)
+    }
+}