diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3b29812
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,9 @@
+.DS_Store
+/.build
+/Packages
+/*.xcodeproj
+xcuserdata/
+DerivedData/
+.swiftpm/config/registries.json
+.swiftpm/xcode/package.xcworkspace/contents.xcworkspacedata
+.netrc
diff --git a/Package.swift b/Package.swift
new file mode 100644
index 0000000..f3e4c4a
--- /dev/null
+++ b/Package.swift
@@ -0,0 +1,31 @@
+// swift-tools-version: 5.7
+// The swift-tools-version declares the minimum version of Swift required to build this package.
+
+import PackageDescription
+
+let package = Package(
+    name: "OpenMaterialUI",
+    platforms: [
+        .iOS(.v16),
+        .macOS(.v13),
+        .tvOS(.v16),
+        .watchOS(.v9)
+    ],
+    products: [
+        .library(
+            name: "OpenMaterialUI",
+            targets: ["OpenMaterialUI"]
+        ),
+    ],
+    dependencies: [],
+    targets: [
+        .target(
+            name: "OpenMaterialUI",
+            dependencies: []
+        ),
+        .testTarget(
+            name: "OpenMaterialUITests",
+            dependencies: ["OpenMaterialUI"]
+        ),
+    ]
+)
diff --git a/Sources/OpenMaterialUI/Button/FilledButtonView.swift b/Sources/OpenMaterialUI/Button/FilledButtonView.swift
new file mode 100644
index 0000000..6a6a581
--- /dev/null
+++ b/Sources/OpenMaterialUI/Button/FilledButtonView.swift
@@ -0,0 +1,78 @@
+//
+//  FilledButtonView.swift
+//
+//
+//  Created by Ahmed Shendy on 03/10/2023.
+//
+
+import SwiftUI
+
+/// # Filled Button Specs:
+/// https://m3.material.io/components/buttons/specs#5a8a88b0-f6fe-4bab-a6d7-c246c78586cb
+/// ## Enabled State:
+///     # Container
+///     shape: md.sys.shape.corner.full -> Circular
+///   height: 40dp
+///   elevation: md.sys.elevation.level0 -> 0
+///   shadowColor: md.sys.color.shadow -> md.ref.palette.neutral0 -> #000000
+///   Color: md.sys.color.primary -> md.ref.palette.primary40 -> #6750A4
+///
+///
+///   # LabelText
+///     font: md.sys.typescale.label-large.font -> md.ref.typeface.plain -> Roboto
+///   lineHeight: md.sys.typescale.label-large.line-height -> 20pt
+///   size: md.sys.typescale.label-large.size -> 14pt
+///   weight: md.sys.typescale.label-large.weight -> /// md.ref.typeface.weight-medium -> 500
+///   tracking: md.sys.typescale.label-large.tracking -> 0.1pt
+///   style: Label text type style
+///   color: md.sys.color.on-primary -> md.ref.palette.primary100 -> #FFFFFF
+///
+///   # Icon
+///   size: 18dp
+///   color: md.ref.palette.primary100 -> #FFFFFF
+public struct FilledButtonView: View {
+  private let text: String
+  private let systemImage: String?
+
+  private let action: () -> Void
+
+  public init(
+      text: String, systemImage: String? = nil,
+      action: @escaping () -> Void
+  ) {
+      self.text = text
+      self.systemImage = systemImage
+      self.action = action
+  }
+
+  @MainActor
+  public var body: some View {
+      MaterialButton {
+          action()
+      } label: {
+          if let systemImage = systemImage {
+              Label(text, systemImage: systemImage)
+          } else {
+              Text(text)
+          }
+      }
+      .padding(.horizontal, 24)
+      .labelText(
+        font: .custom(
+          .mdSysTypescaleLabelLargeFamily, 
+          size: .mdSysTypescaleLabelLargeSize
+        ),
+        color: .mdSysColorOnPrimary
+      )
+      .container(
+        height: 40,
+        color: .mdSysColorPrimary
+      )
+  }
+}
+
+#Preview {
+  FilledButtonView(text: "Hello World") {
+    print("filled button tapped")
+  }
+}
diff --git a/Sources/OpenMaterialUI/Button/MaterialButton.swift b/Sources/OpenMaterialUI/Button/MaterialButton.swift
new file mode 100644
index 0000000..2fa139d
--- /dev/null
+++ b/Sources/OpenMaterialUI/Button/MaterialButton.swift
@@ -0,0 +1,94 @@
+//
+//  MaterialButton.swift
+//
+//
+//  Created by Ahmed Shendy on 20/06/2023.
+//
+
+import SwiftUI
+
+/**
+ Specs - Default values (enabled state): https://m3.material.io/components/buttons/specs#a0952e51-6975-486e-8d14-c78283c29cae
+ */
+
+public struct MaterialButton<Label>: View where Label: View {
+    @Environment(\.colorScheme) var colorScheme
+
+    private let action: () -> Void
+    private let labelBuilder: () -> Label
+
+    public init(
+        action: @escaping () -> Void,
+        @ViewBuilder label labelBuilder: @escaping () -> Label
+    ) {
+        self.action = action
+        self.labelBuilder = labelBuilder
+    }
+  
+    @MainActor
+    public var body: some View {
+        Button {
+            action()
+        } label: {
+            labelBuilder()
+        }
+    }
+}
+
+struct SwiftUIView_Previews: PreviewProvider {
+    static var previews: some View {
+        MaterialButton {
+
+        } label: {
+            Label("Hello", systemImage: "house")
+        }
+        .previewLayout(.sizeThatFits)
+        .preferredColorScheme(.dark)
+    }
+}
+
+//extension Color {
+//    static var windowScene: UIWindowScene {
+//        UIApplication.windowScene!
+//    }
+//    static var systemColorPrimary: Color {
+//        switch windowScene.screen.traitCollection.userInterfaceStyle {
+//        case .dark:
+//            return Color(hex: 0xD0BCFF)
+//        case .light:
+//            return Color(hex: 0x6750A4)
+//        default:
+//            return Color(hex: 0xD0BCFF)
+//        }
+//    }
+//
+//    init(hex: UInt32, alpha: Double = 1) {
+//        self.init(
+//            .sRGB,
+//            red: Double((hex >> 16) & 0xFF) / 255,
+//            green: Double((hex >> 8) & 0xFF) / 255,
+//            blue: Double(hex & 0xFF) / 255,
+//            opacity: alpha
+//        )
+//    }
+//
+//    init(hex: String, alpha: Double = 1) {
+//        guard let hexValue = UInt32(hex, radix: 16) else {
+//            fatalError("Invalid hex color string")
+//        }
+//
+//        self.init(
+//            .sRGB,
+//            red: Double((hexValue >> 16) & 0xFF) / 255,
+//            green: Double((hexValue >> 8) & 0xFF) / 255,
+//            blue: Double(hexValue & 0xFF) / 255,
+//            opacity: alpha
+//        )
+//    }
+//}
+//
+//extension UIApplication {
+//    static var windowScene: UIWindowScene? {
+//        return shared.connectedScenes.first as? UIWindowScene
+//    }
+//}
diff --git a/Sources/OpenMaterialUI/Button/Modifiers/ContainerModifiers.swift b/Sources/OpenMaterialUI/Button/Modifiers/ContainerModifiers.swift
new file mode 100644
index 0000000..da9c528
--- /dev/null
+++ b/Sources/OpenMaterialUI/Button/Modifiers/ContainerModifiers.swift
@@ -0,0 +1,50 @@
+//
+//  ContainerModifiers.swift
+//
+//
+//  Created by Ahmed Shendy on 03/10/2023.
+//
+
+import SwiftUI
+
+public extension View {
+  func container(height: CGFloat, color: Color) -> some View {
+    modifier(ContainerModifier(height: height, color: color))
+  }
+
+  func containerColor(_ color: Color) -> some View {
+    modifier(ContainerColorModifier(value: color))
+  }
+
+  func containerHeight(_ height: CGFloat) -> some View {
+    modifier(ContainerHeightModifier(value: height))
+  }
+}
+
+struct ContainerModifier: ViewModifier {
+  var height: CGFloat
+  var color: Color
+
+  func body(content: Content) -> some View {
+    content
+      .frame(height: height)
+      .background(color)
+      .clipShape(Capsule(style: .continuous))
+  }
+}
+
+struct ContainerColorModifier: ViewModifier {
+  var value: Color
+
+  func body(content: Content) -> some View {
+    content.background(value)
+  }
+}
+
+struct ContainerHeightModifier: ViewModifier {
+  var value: CGFloat
+
+  func body(content: Content) -> some View {
+    content.frame(height: value)
+  }
+}
diff --git a/Sources/OpenMaterialUI/Button/Modifiers/LabelTextModifiers.swift b/Sources/OpenMaterialUI/Button/Modifiers/LabelTextModifiers.swift
new file mode 100644
index 0000000..89ee474
--- /dev/null
+++ b/Sources/OpenMaterialUI/Button/Modifiers/LabelTextModifiers.swift
@@ -0,0 +1,49 @@
+//
+//  File.swift
+//  
+//
+//  Created by Ahmed Shendy on 03/10/2023.
+//
+
+import SwiftUI
+
+public extension View {
+  func labelText(font: Font, color: Color) -> some View {
+    modifier(LabelTextModifier(font: font, color: color))
+  }
+
+  func labelTextColor(_ color: Color) -> some View {
+    modifier(LabelTextColorModifier(value: color))
+  }
+
+  func labelTextFont(_ font: Font) -> some View {
+    modifier(LabelTextFontModifier(value: font))
+  }
+}
+
+struct LabelTextModifier: ViewModifier {
+  var font: Font
+  var color: Color
+
+  func body(content: Content) -> some View {
+    content
+      .font(font)
+      .foregroundStyle(color)
+  }
+}
+
+struct LabelTextColorModifier: ViewModifier {
+  var value: Color
+
+  func body(content: Content) -> some View {
+    content.foregroundStyle(value)
+  }
+}
+
+struct LabelTextFontModifier: ViewModifier {
+  var value: Font
+
+  func body(content: Content) -> some View {
+    content.font(value)
+  }
+}
diff --git a/Sources/OpenMaterialUI/DesignTokens/DesignTokens.swift b/Sources/OpenMaterialUI/DesignTokens/DesignTokens.swift
new file mode 100644
index 0000000..4943e6f
--- /dev/null
+++ b/Sources/OpenMaterialUI/DesignTokens/DesignTokens.swift
@@ -0,0 +1,249 @@
+//
+//  DesignTokens.swift
+//
+//
+//  Created by Ahmed Shendy on 03/10/2023.
+//
+
+import Foundation
+import UIKit
+import SwiftUI
+
+/// https://github.com/material-foundation/material-tokens/blob/main/tokens.md
+
+public enum md { }
+
+extension md {
+  public enum sys { }
+  public enum ref { }
+}
+
+extension md.ref {
+  public enum palette {
+    public static let black = StyleDictionary.mdRefPaletteBlack
+  }
+}
+
+extension md.sys {
+  public enum color {
+    public static let primary = Color(StyleDictionary.mdSysColorPrimary)
+    public static let on_primary = Color(StyleDictionary.mdSysColorOnPrimary)
+  }
+}
+
+public extension Color {
+  static let mdSysColorPrimary = Color(StyleDictionary.mdSysColorPrimary)
+  static let mdSysColorOnPrimary = Color(StyleDictionary.mdSysColorOnPrimary)
+}
+
+public extension String {
+  static let mdSysTypescaleLabelLargeFamily = StyleDictionary.mdSysTypescaleLabelLargeFamily
+  static let mdSysTypescaleLabelLargeWeight = StyleDictionary.mdSysTypescaleLabelLargeWeight
+}
+
+public extension CGFloat {
+  static let mdSysTypescaleLabelLargeSize: CGFloat = 14
+}
+
+/// https://github.com/material-foundation/material-tokens/blob/main/dsp/dist/styledictionary/ios-swift/StyleDictionary.swift
+private class StyleDictionary {
+    public static let mdRefPaletteBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Black */
+    public static let mdRefPaletteError0 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Error 0 */
+    public static let mdRefPaletteError10 = UIColor(red: 0.255, green: 0.055, blue: 0.043, alpha: 1) /* Error 10 */
+    public static let mdRefPaletteError100 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* Error 100 */
+    public static let mdRefPaletteError20 = UIColor(red: 0.376, green: 0.078, blue: 0.063, alpha: 1) /* Error 20 */
+    public static let mdRefPaletteError30 = UIColor(red: 0.549, green: 0.114, blue: 0.094, alpha: 1) /* Error 30 */
+    public static let mdRefPaletteError40 = UIColor(red: 0.702, green: 0.149, blue: 0.118, alpha: 1) /* Error 40 */
+    public static let mdRefPaletteError50 = UIColor(red: 0.863, green: 0.212, blue: 0.180, alpha: 1) /* Error 50 */
+    public static let mdRefPaletteError60 = UIColor(red: 0.894, green: 0.412, blue: 0.384, alpha: 1) /* Error 60 */
+    public static let mdRefPaletteError70 = UIColor(red: 0.925, green: 0.573, blue: 0.557, alpha: 1) /* Error 70 */
+    public static let mdRefPaletteError80 = UIColor(red: 0.949, green: 0.722, blue: 0.710, alpha: 1) /* Error 80 */
+    public static let mdRefPaletteError90 = UIColor(red: 0.976, green: 0.871, blue: 0.863, alpha: 1) /* Error 90 */
+    public static let mdRefPaletteError95 = UIColor(red: 0.988, green: 0.933, blue: 0.933, alpha: 1) /* Error 95 */
+    public static let mdRefPaletteError99 = UIColor(red: 1.000, green: 0.984, blue: 0.976, alpha: 1) /* Error 99 */
+    public static let mdRefPaletteNeutral0 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Neutral 0 */
+    public static let mdRefPaletteNeutral10 = UIColor(red: 0.110, green: 0.106, blue: 0.122, alpha: 1) /* Neutral 10 */
+    public static let mdRefPaletteNeutral100 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* Neutral 100 */
+    public static let mdRefPaletteNeutral20 = UIColor(red: 0.192, green: 0.188, blue: 0.200, alpha: 1) /* Neutral 20 */
+    public static let mdRefPaletteNeutral30 = UIColor(red: 0.282, green: 0.275, blue: 0.286, alpha: 1) /* Neutral 30 */
+    public static let mdRefPaletteNeutral40 = UIColor(red: 0.376, green: 0.365, blue: 0.384, alpha: 1) /* Neutral 40 */
+    public static let mdRefPaletteNeutral50 = UIColor(red: 0.471, green: 0.459, blue: 0.475, alpha: 1) /* Neutral 50 */
+    public static let mdRefPaletteNeutral60 = UIColor(red: 0.576, green: 0.565, blue: 0.580, alpha: 1) /* Neutral 60 */
+    public static let mdRefPaletteNeutral70 = UIColor(red: 0.682, green: 0.667, blue: 0.682, alpha: 1) /* Neutral 70 */
+    public static let mdRefPaletteNeutral80 = UIColor(red: 0.788, green: 0.773, blue: 0.792, alpha: 1) /* Neutral 80 */
+    public static let mdRefPaletteNeutral90 = UIColor(red: 0.902, green: 0.882, blue: 0.898, alpha: 1) /* Neutral 90 */
+    public static let mdRefPaletteNeutral95 = UIColor(red: 0.957, green: 0.937, blue: 0.957, alpha: 1) /* Neutral 95 */
+    public static let mdRefPaletteNeutral99 = UIColor(red: 1.000, green: 0.984, blue: 0.996, alpha: 1) /* Neutral 99 */
+    public static let mdRefPaletteNeutralVariant0 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Neutral Variant 0 */
+    public static let mdRefPaletteNeutralVariant10 = UIColor(red: 0.114, green: 0.102, blue: 0.133, alpha: 1) /* Neutral Variant 10 */
+    public static let mdRefPaletteNeutralVariant100 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* Neutral Variant 100 */
+    public static let mdRefPaletteNeutralVariant20 = UIColor(red: 0.196, green: 0.184, blue: 0.216, alpha: 1) /* Neutral Variant 20 */
+    public static let mdRefPaletteNeutralVariant30 = UIColor(red: 0.286, green: 0.271, blue: 0.310, alpha: 1) /* Neutral Variant 30 */
+    public static let mdRefPaletteNeutralVariant40 = UIColor(red: 0.376, green: 0.365, blue: 0.400, alpha: 1) /* Neutral Variant 40 */
+    public static let mdRefPaletteNeutralVariant50 = UIColor(red: 0.475, green: 0.455, blue: 0.494, alpha: 1) /* Neutral Variant 50 */
+    public static let mdRefPaletteNeutralVariant60 = UIColor(red: 0.576, green: 0.561, blue: 0.600, alpha: 1) /* Neutral Variant 60 */
+    public static let mdRefPaletteNeutralVariant70 = UIColor(red: 0.682, green: 0.663, blue: 0.706, alpha: 1) /* Neutral Variant 70 */
+    public static let mdRefPaletteNeutralVariant80 = UIColor(red: 0.792, green: 0.769, blue: 0.816, alpha: 1) /* Neutral Variant 80 */
+    public static let mdRefPaletteNeutralVariant90 = UIColor(red: 0.906, green: 0.878, blue: 0.925, alpha: 1) /* Neutral Variant 90 */
+    public static let mdRefPaletteNeutralVariant95 = UIColor(red: 0.961, green: 0.933, blue: 0.980, alpha: 1) /* Neutral Variant 95 */
+    public static let mdRefPaletteNeutralVariant99 = UIColor(red: 1.000, green: 0.984, blue: 0.996, alpha: 1) /* Neutral Variant 99 */
+    public static let mdRefPalettePrimary0 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Primary 0 */
+    public static let mdRefPalettePrimary10 = UIColor(red: 0.129, green: 0.000, blue: 0.365, alpha: 1) /* Primary 10 */
+    public static let mdRefPalettePrimary100 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* Primary 100 */
+    public static let mdRefPalettePrimary20 = UIColor(red: 0.220, green: 0.118, blue: 0.447, alpha: 1) /* Primary 20 */
+    public static let mdRefPalettePrimary30 = UIColor(red: 0.310, green: 0.216, blue: 0.545, alpha: 1) /* Primary 30 */
+    public static let mdRefPalettePrimary40 = UIColor(red: 0.404, green: 0.314, blue: 0.643, alpha: 1) /* Primary 40 */
+    public static let mdRefPalettePrimary50 = UIColor(red: 0.498, green: 0.404, blue: 0.745, alpha: 1) /* Primary 50 */
+    public static let mdRefPalettePrimary60 = UIColor(red: 0.604, green: 0.510, blue: 0.859, alpha: 1) /* Primary 60 */
+    public static let mdRefPalettePrimary70 = UIColor(red: 0.714, green: 0.616, blue: 0.973, alpha: 1) /* Primary 70 */
+    public static let mdRefPalettePrimary80 = UIColor(red: 0.816, green: 0.737, blue: 1.000, alpha: 1) /* Primary 80 */
+    public static let mdRefPalettePrimary90 = UIColor(red: 0.918, green: 0.867, blue: 1.000, alpha: 1) /* Primary 90 */
+    public static let mdRefPalettePrimary95 = UIColor(red: 0.965, green: 0.929, blue: 1.000, alpha: 1) /* Primary 95 */
+    public static let mdRefPalettePrimary99 = UIColor(red: 1.000, green: 0.984, blue: 0.996, alpha: 1) /* Primary 99 */
+    public static let mdRefPaletteSecondary0 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Secondary 0 */
+    public static let mdRefPaletteSecondary10 = UIColor(red: 0.114, green: 0.098, blue: 0.169, alpha: 1) /* Secondary 10 */
+    public static let mdRefPaletteSecondary100 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* Secondary 100 */
+    public static let mdRefPaletteSecondary20 = UIColor(red: 0.200, green: 0.176, blue: 0.255, alpha: 1) /* Secondary 20 */
+    public static let mdRefPaletteSecondary30 = UIColor(red: 0.290, green: 0.267, blue: 0.345, alpha: 1) /* Secondary 30 */
+    public static let mdRefPaletteSecondary40 = UIColor(red: 0.384, green: 0.357, blue: 0.443, alpha: 1) /* Secondary 40 */
+    public static let mdRefPaletteSecondary50 = UIColor(red: 0.478, green: 0.447, blue: 0.537, alpha: 1) /* Secondary 50 */
+    public static let mdRefPaletteSecondary60 = UIColor(red: 0.584, green: 0.553, blue: 0.647, alpha: 1) /* Secondary 60 */
+    public static let mdRefPaletteSecondary70 = UIColor(red: 0.690, green: 0.655, blue: 0.753, alpha: 1) /* Secondary 70 */
+    public static let mdRefPaletteSecondary80 = UIColor(red: 0.800, green: 0.761, blue: 0.863, alpha: 1) /* Secondary 80 */
+    public static let mdRefPaletteSecondary90 = UIColor(red: 0.910, green: 0.871, blue: 0.973, alpha: 1) /* Secondary 90 */
+    public static let mdRefPaletteSecondary95 = UIColor(red: 0.965, green: 0.929, blue: 1.000, alpha: 1) /* Secondary 95 */
+    public static let mdRefPaletteSecondary99 = UIColor(red: 1.000, green: 0.984, blue: 0.996, alpha: 1) /* Secondary 99 */
+    public static let mdRefPaletteTertiary0 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Tertiary 0 */
+    public static let mdRefPaletteTertiary10 = UIColor(red: 0.192, green: 0.067, blue: 0.114, alpha: 1) /* Tertiary 10 */
+    public static let mdRefPaletteTertiary100 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* Tertiary 100 */
+    public static let mdRefPaletteTertiary20 = UIColor(red: 0.286, green: 0.145, blue: 0.196, alpha: 1) /* Tertiary 20 */
+    public static let mdRefPaletteTertiary30 = UIColor(red: 0.388, green: 0.231, blue: 0.282, alpha: 1) /* Tertiary 30 */
+    public static let mdRefPaletteTertiary40 = UIColor(red: 0.490, green: 0.322, blue: 0.376, alpha: 1) /* Tertiary 40 */
+    public static let mdRefPaletteTertiary50 = UIColor(red: 0.596, green: 0.412, blue: 0.467, alpha: 1) /* Tertiary 50 */
+    public static let mdRefPaletteTertiary60 = UIColor(red: 0.710, green: 0.514, blue: 0.573, alpha: 1) /* Tertiary 60 */
+    public static let mdRefPaletteTertiary70 = UIColor(red: 0.824, green: 0.616, blue: 0.675, alpha: 1) /* Tertiary 70 */
+    public static let mdRefPaletteTertiary80 = UIColor(red: 0.937, green: 0.722, blue: 0.784, alpha: 1) /* Tertiary 80 */
+    public static let mdRefPaletteTertiary90 = UIColor(red: 1.000, green: 0.847, blue: 0.894, alpha: 1) /* Tertiary 90 */
+    public static let mdRefPaletteTertiary95 = UIColor(red: 1.000, green: 0.925, blue: 0.945, alpha: 1) /* Tertiary 95 */
+    public static let mdRefPaletteTertiary99 = UIColor(red: 1.000, green: 0.984, blue: 0.980, alpha: 1) /* Tertiary 99 */
+    public static let mdRefPaletteWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* White */
+    public static let mdRefTypefaceBrand = "Roboto" /* Brand typeface */
+    public static let mdRefTypefacePlain = "Roboto" /* Plain typeface */
+    public static let mdRefTypefaceWeightBold = 700 /* Bold weight */
+    public static let mdRefTypefaceWeightMedium = 500 /* Medium weight */
+    public static let mdRefTypefaceWeightRegular = 400 /* Regular weight */
+    public static let mdSysColorBackground = UIColor(red: 1.000, green: 0.984, blue: 0.996, alpha: 1) /* Background */
+    public static let mdSysColorBackgroundDark = UIColor(red: 0.110, green: 0.106, blue: 0.122, alpha: 1) /* Background */
+    public static let mdSysColorBackgroundLight = UIColor(red: 1.000, green: 0.984, blue: 0.996, alpha: 1) /* Background */
+    public static let mdSysColorError = UIColor(red: 0.702, green: 0.149, blue: 0.118, alpha: 1) /* Error */
+    public static let mdSysColorErrorContainer = UIColor(red: 0.976, green: 0.871, blue: 0.863, alpha: 1) /* Error container */
+    public static let mdSysColorErrorContainerDark = UIColor(red: 0.549, green: 0.114, blue: 0.094, alpha: 1) /* Error container */
+    public static let mdSysColorErrorContainerLight = UIColor(red: 0.976, green: 0.871, blue: 0.863, alpha: 1) /* Error container */
+    public static let mdSysColorErrorDark = UIColor(red: 0.949, green: 0.722, blue: 0.710, alpha: 1) /* Error */
+    public static let mdSysColorErrorLight = UIColor(red: 0.702, green: 0.149, blue: 0.118, alpha: 1) /* Error */
+    public static let mdSysColorInverseOnSurface = UIColor(red: 0.957, green: 0.937, blue: 0.957, alpha: 1) /* Inverse on surface */
+    public static let mdSysColorInverseOnSurfaceDark = UIColor(red: 0.192, green: 0.188, blue: 0.200, alpha: 1) /* Inverse on surface */
+    public static let mdSysColorInverseOnSurfaceLight = UIColor(red: 0.957, green: 0.937, blue: 0.957, alpha: 1) /* Inverse on surface */
+    public static let mdSysColorInversePrimary = UIColor(red: 0.816, green: 0.737, blue: 1.000, alpha: 1) /* Inverse primary */
+    public static let mdSysColorInversePrimaryDark = UIColor(red: 0.404, green: 0.314, blue: 0.643, alpha: 1) /* Inverse primary */
+    public static let mdSysColorInversePrimaryLight = UIColor(red: 0.816, green: 0.737, blue: 1.000, alpha: 1) /* Inverse primary */
+    public static let mdSysColorInverseSurface = UIColor(red: 0.192, green: 0.188, blue: 0.200, alpha: 1) /* Inverse surface */
+    public static let mdSysColorInverseSurfaceDark = UIColor(red: 0.902, green: 0.882, blue: 0.898, alpha: 1) /* Inverse surface */
+    public static let mdSysColorInverseSurfaceLight = UIColor(red: 0.192, green: 0.188, blue: 0.200, alpha: 1) /* Inverse surface */
+    public static let mdSysColorOnBackground = UIColor(red: 0.110, green: 0.106, blue: 0.122, alpha: 1) /* On background */
+    public static let mdSysColorOnBackgroundDark = UIColor(red: 0.902, green: 0.882, blue: 0.898, alpha: 1) /* On background */
+    public static let mdSysColorOnBackgroundLight = UIColor(red: 0.110, green: 0.106, blue: 0.122, alpha: 1) /* On background */
+    public static let mdSysColorOnError = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* On error */
+    public static let mdSysColorOnErrorContainer = UIColor(red: 0.255, green: 0.055, blue: 0.043, alpha: 1) /* On error container */
+    public static let mdSysColorOnErrorContainerDark = UIColor(red: 0.949, green: 0.722, blue: 0.710, alpha: 1) /* On error container */
+    public static let mdSysColorOnErrorContainerLight = UIColor(red: 0.255, green: 0.055, blue: 0.043, alpha: 1) /* On error container */
+    public static let mdSysColorOnErrorDark = UIColor(red: 0.376, green: 0.078, blue: 0.063, alpha: 1) /* On error */
+    public static let mdSysColorOnErrorLight = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* On error */
+    public static let mdSysColorOnPrimary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* On primary */
+    public static let mdSysColorOnPrimaryContainer = UIColor(red: 0.129, green: 0.000, blue: 0.365, alpha: 1) /* On primary container */
+    public static let mdSysColorOnPrimaryContainerDark = UIColor(red: 0.918, green: 0.867, blue: 1.000, alpha: 1) /* On primary container */
+    public static let mdSysColorOnPrimaryContainerLight = UIColor(red: 0.129, green: 0.000, blue: 0.365, alpha: 1) /* On primary container */
+    public static let mdSysColorOnPrimaryDark = UIColor(red: 0.220, green: 0.118, blue: 0.447, alpha: 1) /* On primary */
+    public static let mdSysColorOnPrimaryLight = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* On primary */
+    public static let mdSysColorOnSecondary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* On secondary */
+    public static let mdSysColorOnSecondaryContainer = UIColor(red: 0.114, green: 0.098, blue: 0.169, alpha: 1) /* On secondary container */
+    public static let mdSysColorOnSecondaryContainerDark = UIColor(red: 0.910, green: 0.871, blue: 0.973, alpha: 1) /* On secondary container */
+    public static let mdSysColorOnSecondaryContainerLight = UIColor(red: 0.114, green: 0.098, blue: 0.169, alpha: 1) /* On secondary container */
+    public static let mdSysColorOnSecondaryDark = UIColor(red: 0.200, green: 0.176, blue: 0.255, alpha: 1) /* On secondary */
+    public static let mdSysColorOnSecondaryLight = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* On secondary */
+    public static let mdSysColorOnSurface = UIColor(red: 0.110, green: 0.106, blue: 0.122, alpha: 1) /* On surface */
+    public static let mdSysColorOnSurfaceDark = UIColor(red: 0.902, green: 0.882, blue: 0.898, alpha: 1) /* On surface */
+    public static let mdSysColorOnSurfaceLight = UIColor(red: 0.110, green: 0.106, blue: 0.122, alpha: 1) /* On surface */
+    public static let mdSysColorOnSurfaceVariant = UIColor(red: 0.286, green: 0.271, blue: 0.310, alpha: 1) /* On surface variant */
+    public static let mdSysColorOnSurfaceVariantDark = UIColor(red: 0.792, green: 0.769, blue: 0.816, alpha: 1) /* On surface variant */
+    public static let mdSysColorOnSurfaceVariantLight = UIColor(red: 0.286, green: 0.271, blue: 0.310, alpha: 1) /* On surface variant */
+    public static let mdSysColorOnTertiary = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* On tertiary */
+    public static let mdSysColorOnTertiaryContainer = UIColor(red: 0.192, green: 0.067, blue: 0.114, alpha: 1) /* On tertiary container */
+    public static let mdSysColorOnTertiaryContainerDark = UIColor(red: 1.000, green: 0.847, blue: 0.894, alpha: 1) /* On tertiary container */
+    public static let mdSysColorOnTertiaryContainerLight = UIColor(red: 0.192, green: 0.067, blue: 0.114, alpha: 1) /* On tertiary container */
+    public static let mdSysColorOnTertiaryDark = UIColor(red: 0.286, green: 0.145, blue: 0.196, alpha: 1) /* On tertiary */
+    public static let mdSysColorOnTertiaryLight = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1) /* On tertiary */
+    public static let mdSysColorOutline = UIColor(red: 0.475, green: 0.455, blue: 0.494, alpha: 1) /* Outline */
+    public static let mdSysColorOutlineDark = UIColor(red: 0.576, green: 0.561, blue: 0.600, alpha: 1) /* Outline */
+    public static let mdSysColorOutlineLight = UIColor(red: 0.475, green: 0.455, blue: 0.494, alpha: 1) /* Outline */
+    public static let mdSysColorPrimary = UIColor(red: 0.404, green: 0.314, blue: 0.643, alpha: 1) /* Primary */
+    public static let mdSysColorPrimaryContainer = UIColor(red: 0.918, green: 0.867, blue: 1.000, alpha: 1) /* Primary container */
+    public static let mdSysColorPrimaryContainerDark = UIColor(red: 0.310, green: 0.216, blue: 0.545, alpha: 1) /* Primary container */
+    public static let mdSysColorPrimaryContainerLight = UIColor(red: 0.918, green: 0.867, blue: 1.000, alpha: 1) /* Primary container */
+    public static let mdSysColorPrimaryDark = UIColor(red: 0.816, green: 0.737, blue: 1.000, alpha: 1) /* Primary */
+    public static let mdSysColorPrimaryLight = UIColor(red: 0.404, green: 0.314, blue: 0.643, alpha: 1) /* Primary */
+    public static let mdSysColorSecondary = UIColor(red: 0.384, green: 0.357, blue: 0.443, alpha: 1) /* Secondary */
+    public static let mdSysColorSecondaryContainer = UIColor(red: 0.910, green: 0.871, blue: 0.973, alpha: 1) /* Secondary container */
+    public static let mdSysColorSecondaryContainerDark = UIColor(red: 0.290, green: 0.267, blue: 0.345, alpha: 1) /* Secondary container */
+    public static let mdSysColorSecondaryContainerLight = UIColor(red: 0.910, green: 0.871, blue: 0.973, alpha: 1) /* Secondary container */
+    public static let mdSysColorSecondaryDark = UIColor(red: 0.800, green: 0.761, blue: 0.863, alpha: 1) /* Secondary */
+    public static let mdSysColorSecondaryLight = UIColor(red: 0.384, green: 0.357, blue: 0.443, alpha: 1) /* Secondary */
+    public static let mdSysColorShadow = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Shadow */
+    public static let mdSysColorShadowDark = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Shadow */
+    public static let mdSysColorShadowLight = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1) /* Shadow */
+    public static let mdSysColorSurface = UIColor(red: 1.000, green: 0.984, blue: 0.996, alpha: 1) /* Surface */
+    public static let mdSysColorSurfaceDark = UIColor(red: 0.110, green: 0.106, blue: 0.122, alpha: 1) /* Surface */
+    public static let mdSysColorSurfaceLight = UIColor(red: 1.000, green: 0.984, blue: 0.996, alpha: 1) /* Surface */
+    public static let mdSysColorSurfaceTint = UIColor(red: 0.404, green: 0.314, blue: 0.643, alpha: 1) /* Surface tint */
+    public static let mdSysColorSurfaceTintDark = UIColor(red: 0.404, green: 0.314, blue: 0.643, alpha: 1) /* Surface tint */
+    public static let mdSysColorSurfaceTintLight = UIColor(red: 0.404, green: 0.314, blue: 0.643, alpha: 1) /* Surface tint */
+    public static let mdSysColorSurfaceVariant = UIColor(red: 0.906, green: 0.878, blue: 0.925, alpha: 1) /* Surface Variant */
+    public static let mdSysColorSurfaceVariantDark = UIColor(red: 0.286, green: 0.271, blue: 0.310, alpha: 1) /* Surface Variant */
+    public static let mdSysColorSurfaceVariantLight = UIColor(red: 0.906, green: 0.878, blue: 0.925, alpha: 1) /* Surface Variant */
+    public static let mdSysColorTertiary = UIColor(red: 0.490, green: 0.322, blue: 0.376, alpha: 1) /* Tertiary */
+    public static let mdSysColorTertiaryContainer = UIColor(red: 1.000, green: 0.847, blue: 0.894, alpha: 1) /* Tertiary container */
+    public static let mdSysColorTertiaryContainerDark = UIColor(red: 0.388, green: 0.231, blue: 0.282, alpha: 1) /* Tertiary container */
+    public static let mdSysColorTertiaryContainerLight = UIColor(red: 1.000, green: 0.847, blue: 0.894, alpha: 1) /* Tertiary container */
+    public static let mdSysColorTertiaryDark = UIColor(red: 0.937, green: 0.722, blue: 0.784, alpha: 1) /* Tertiary */
+    public static let mdSysColorTertiaryLight = UIColor(red: 0.490, green: 0.322, blue: 0.376, alpha: 1) /* Tertiary */
+    public static let mdSysTypescaleBodyLargeFamily = "Roboto"
+    public static let mdSysTypescaleBodyLargeWeight = 400
+    public static let mdSysTypescaleBodyMediumFamily = "Roboto"
+    public static let mdSysTypescaleBodyMediumWeight = 400
+    public static let mdSysTypescaleBodySmallFamily = "Roboto"
+    public static let mdSysTypescaleBodySmallWeight = 400
+    public static let mdSysTypescaleDisplayLargeFamily = "Roboto"
+    public static let mdSysTypescaleDisplayLargeWeight = 400
+    public static let mdSysTypescaleDisplayMediumFamily = "Roboto"
+    public static let mdSysTypescaleDisplayMediumWeight = 400
+    public static let mdSysTypescaleDisplaySmallFamily = "Roboto"
+    public static let mdSysTypescaleDisplaySmallWeight = 400
+    public static let mdSysTypescaleHeadlineLargeFamily = "Roboto"
+    public static let mdSysTypescaleHeadlineLargeWeight = 400
+    public static let mdSysTypescaleHeadlineMediumFamily = "Roboto"
+    public static let mdSysTypescaleHeadlineMediumWeight = 400
+    public static let mdSysTypescaleHeadlineSmallFamily = "Roboto"
+    public static let mdSysTypescaleHeadlineSmallWeight = 400
+    public static let mdSysTypescaleLabelLargeFamily = "Roboto"
+    public static let mdSysTypescaleLabelLargeWeight = 500
+    public static let mdSysTypescaleLabelMediumFamily = "Roboto"
+    public static let mdSysTypescaleLabelMediumWeight = 500
+    public static let mdSysTypescaleLabelSmallFamily = "Roboto"
+    public static let mdSysTypescaleLabelSmallWeight = 500
+    public static let mdSysTypescaleTitleLargeFamily = "Roboto"
+    public static let mdSysTypescaleTitleLargeWeight = 400
+    public static let mdSysTypescaleTitleMediumFamily = "Roboto"
+    public static let mdSysTypescaleTitleMediumWeight = 500
+    public static let mdSysTypescaleTitleSmallFamily = "Roboto"
+    public static let mdSysTypescaleTitleSmallWeight = 500
+}
diff --git a/Sources/OpenMaterialUI/Text/MaterialText.swift b/Sources/OpenMaterialUI/Text/MaterialText.swift
new file mode 100644
index 0000000..f159bbe
--- /dev/null
+++ b/Sources/OpenMaterialUI/Text/MaterialText.swift
@@ -0,0 +1,39 @@
+//
+//  MaterialText.swift
+//  
+//
+//  Created by Ahmed Shendy on 21/05/2023.
+//
+
+import SwiftUI
+
+public struct MaterialText: View {
+
+    private let content: Text
+
+    public init(
+        _ key: LocalizedStringKey,
+        tableName: String? = nil,
+        bundle: Bundle? = nil,
+        comment: StaticString? = nil
+    ) {
+        content = Text(
+            key,
+            tableName: tableName,
+            bundle: bundle,
+            comment: comment
+        )
+    }
+    
+    public var body: some View {
+        content
+    }
+}
+
+extension MaterialText: Equatable { }
+
+struct MaterialText_Previews: PreviewProvider {
+    static var previews: some View {
+        MaterialText("Hello, World")
+    }
+}
diff --git a/Tests/OpenMaterialUITests/OpenMaterialUITests.swift b/Tests/OpenMaterialUITests/OpenMaterialUITests.swift
new file mode 100644
index 0000000..da0fa06
--- /dev/null
+++ b/Tests/OpenMaterialUITests/OpenMaterialUITests.swift
@@ -0,0 +1,4 @@
+import XCTest
+@testable import OpenMaterialUI
+
+final class OpenMaterialUITests: XCTestCase { }
diff --git a/playground/OpenMaterialUIPlayground.xcodeproj/project.pbxproj b/playground/OpenMaterialUIPlayground.xcodeproj/project.pbxproj
new file mode 100644
index 0000000..cfd2814
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground.xcodeproj/project.pbxproj
@@ -0,0 +1,378 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 56;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		64097B6F2A1971E500231FC9 /* OpenMaterialUIPlaygroundApp.swift in Sources */ = {isa = PBXBuildFile; fileRef = 64097B6E2A1971E500231FC9 /* OpenMaterialUIPlaygroundApp.swift */; };
+		64097B712A1971E500231FC9 /* ContentView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 64097B702A1971E500231FC9 /* ContentView.swift */; };
+		64097B732A1971E600231FC9 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 64097B722A1971E600231FC9 /* Assets.xcassets */; };
+		64097B762A1971E600231FC9 /* Preview Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 64097B752A1971E600231FC9 /* Preview Assets.xcassets */; };
+		64B6621C2A57B7B9004F1922 /* MaterialTextDemo.swift in Sources */ = {isa = PBXBuildFile; fileRef = 64B6621B2A57B7B8004F1922 /* MaterialTextDemo.swift */; };
+		64DA873B2A1972830010C181 /* OpenMaterialUI in Frameworks */ = {isa = PBXBuildFile; productRef = 64DA873A2A1972830010C181 /* OpenMaterialUI */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+		64097B6B2A1971E500231FC9 /* OpenMaterialUIPlayground.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = OpenMaterialUIPlayground.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		64097B6E2A1971E500231FC9 /* OpenMaterialUIPlaygroundApp.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = OpenMaterialUIPlaygroundApp.swift; sourceTree = "<group>"; };
+		64097B702A1971E500231FC9 /* ContentView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ContentView.swift; sourceTree = "<group>"; };
+		64097B722A1971E600231FC9 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
+		64097B752A1971E600231FC9 /* Preview Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = "Preview Assets.xcassets"; sourceTree = "<group>"; };
+		64B6621B2A57B7B8004F1922 /* MaterialTextDemo.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MaterialTextDemo.swift; sourceTree = "<group>"; };
+		64DA87382A1972470010C181 /* OpenMaterialUI */ = {isa = PBXFileReference; lastKnownFileType = wrapper; name = OpenMaterialUI; path = ..; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		64097B682A1971E500231FC9 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				64DA873B2A1972830010C181 /* OpenMaterialUI in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		64097B622A1971E500231FC9 = {
+			isa = PBXGroup;
+			children = (
+				64DA87372A1972470010C181 /* Packages */,
+				64097B6D2A1971E500231FC9 /* OpenMaterialUIPlayground */,
+				64097B6C2A1971E500231FC9 /* Products */,
+				64DA87392A1972830010C181 /* Frameworks */,
+			);
+			indentWidth = 4;
+			sourceTree = "<group>";
+			tabWidth = 4;
+		};
+		64097B6C2A1971E500231FC9 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				64097B6B2A1971E500231FC9 /* OpenMaterialUIPlayground.app */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		64097B6D2A1971E500231FC9 /* OpenMaterialUIPlayground */ = {
+			isa = PBXGroup;
+			children = (
+				64097B6E2A1971E500231FC9 /* OpenMaterialUIPlaygroundApp.swift */,
+				64097B702A1971E500231FC9 /* ContentView.swift */,
+				64B6621B2A57B7B8004F1922 /* MaterialTextDemo.swift */,
+				64097B722A1971E600231FC9 /* Assets.xcassets */,
+				64097B742A1971E600231FC9 /* Preview Content */,
+			);
+			path = OpenMaterialUIPlayground;
+			sourceTree = "<group>";
+		};
+		64097B742A1971E600231FC9 /* Preview Content */ = {
+			isa = PBXGroup;
+			children = (
+				64097B752A1971E600231FC9 /* Preview Assets.xcassets */,
+			);
+			path = "Preview Content";
+			sourceTree = "<group>";
+		};
+		64DA87372A1972470010C181 /* Packages */ = {
+			isa = PBXGroup;
+			children = (
+				64DA87382A1972470010C181 /* OpenMaterialUI */,
+			);
+			name = Packages;
+			sourceTree = "<group>";
+		};
+		64DA87392A1972830010C181 /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		64097B6A2A1971E500231FC9 /* OpenMaterialUIPlayground */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 64097B792A1971E600231FC9 /* Build configuration list for PBXNativeTarget "OpenMaterialUIPlayground" */;
+			buildPhases = (
+				64097B672A1971E500231FC9 /* Sources */,
+				64097B682A1971E500231FC9 /* Frameworks */,
+				64097B692A1971E500231FC9 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = OpenMaterialUIPlayground;
+			packageProductDependencies = (
+				64DA873A2A1972830010C181 /* OpenMaterialUI */,
+			);
+			productName = OpenMaterialUIPlayground;
+			productReference = 64097B6B2A1971E500231FC9 /* OpenMaterialUIPlayground.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		64097B632A1971E500231FC9 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				BuildIndependentTargetsInParallel = 1;
+				LastSwiftUpdateCheck = 1420;
+				LastUpgradeCheck = 1420;
+				TargetAttributes = {
+					64097B6A2A1971E500231FC9 = {
+						CreatedOnToolsVersion = 14.2;
+					};
+				};
+			};
+			buildConfigurationList = 64097B662A1971E500231FC9 /* Build configuration list for PBXProject "OpenMaterialUIPlayground" */;
+			compatibilityVersion = "Xcode 14.0";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 64097B622A1971E500231FC9;
+			productRefGroup = 64097B6C2A1971E500231FC9 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				64097B6A2A1971E500231FC9 /* OpenMaterialUIPlayground */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		64097B692A1971E500231FC9 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				64097B762A1971E600231FC9 /* Preview Assets.xcassets in Resources */,
+				64097B732A1971E600231FC9 /* Assets.xcassets in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		64097B672A1971E500231FC9 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				64097B712A1971E500231FC9 /* ContentView.swift in Sources */,
+				64097B6F2A1971E500231FC9 /* OpenMaterialUIPlaygroundApp.swift in Sources */,
+				64B6621C2A57B7B9004F1922 /* MaterialTextDemo.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin XCBuildConfiguration section */
+		64097B772A1971E600231FC9 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++20";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_ENABLE_OBJC_WEAK = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 16.2;
+				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
+				MTL_FAST_MATH = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+			};
+			name = Debug;
+		};
+		64097B782A1971E600231FC9 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++20";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_ENABLE_OBJC_WEAK = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 16.2;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				MTL_FAST_MATH = YES;
+				SDKROOT = iphoneos;
+				SWIFT_COMPILATION_MODE = wholemodule;
+				SWIFT_OPTIMIZATION_LEVEL = "-O";
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+		64097B7A2A1971E600231FC9 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_ASSET_PATHS = "\"OpenMaterialUIPlayground/Preview Content\"";
+				ENABLE_PREVIEWS = YES;
+				GENERATE_INFOPLIST_FILE = YES;
+				INFOPLIST_KEY_UIApplicationSceneManifest_Generation = YES;
+				INFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;
+				INFOPLIST_KEY_UILaunchScreen_Generation = YES;
+				INFOPLIST_KEY_UISupportedInterfaceOrientations_iPad = "UIInterfaceOrientationPortrait UIInterfaceOrientationPortraitUpsideDown UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight";
+				INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = "UIInterfaceOrientationPortrait UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = openbytes.OpenMaterialUIPlayground;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_EMIT_LOC_STRINGS = YES;
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		64097B7B2A1971E600231FC9 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_ASSET_PATHS = "\"OpenMaterialUIPlayground/Preview Content\"";
+				ENABLE_PREVIEWS = YES;
+				GENERATE_INFOPLIST_FILE = YES;
+				INFOPLIST_KEY_UIApplicationSceneManifest_Generation = YES;
+				INFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;
+				INFOPLIST_KEY_UILaunchScreen_Generation = YES;
+				INFOPLIST_KEY_UISupportedInterfaceOrientations_iPad = "UIInterfaceOrientationPortrait UIInterfaceOrientationPortraitUpsideDown UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight";
+				INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = "UIInterfaceOrientationPortrait UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight";
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = openbytes.OpenMaterialUIPlayground;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_EMIT_LOC_STRINGS = YES;
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		64097B662A1971E500231FC9 /* Build configuration list for PBXProject "OpenMaterialUIPlayground" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				64097B772A1971E600231FC9 /* Debug */,
+				64097B782A1971E600231FC9 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		64097B792A1971E600231FC9 /* Build configuration list for PBXNativeTarget "OpenMaterialUIPlayground" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				64097B7A2A1971E600231FC9 /* Debug */,
+				64097B7B2A1971E600231FC9 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+
+/* Begin XCSwiftPackageProductDependency section */
+		64DA873A2A1972830010C181 /* OpenMaterialUI */ = {
+			isa = XCSwiftPackageProductDependency;
+			productName = OpenMaterialUI;
+		};
+/* End XCSwiftPackageProductDependency section */
+	};
+	rootObject = 64097B632A1971E500231FC9 /* Project object */;
+}
diff --git a/playground/OpenMaterialUIPlayground.xcodeproj/project.xcworkspace/contents.xcworkspacedata b/playground/OpenMaterialUIPlayground.xcodeproj/project.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..919434a
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground.xcodeproj/project.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "self:">
+   </FileRef>
+</Workspace>
diff --git a/playground/OpenMaterialUIPlayground.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/playground/OpenMaterialUIPlayground.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 0000000..18d9810
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>
diff --git a/playground/OpenMaterialUIPlayground/Assets.xcassets/AccentColor.colorset/Contents.json b/playground/OpenMaterialUIPlayground/Assets.xcassets/AccentColor.colorset/Contents.json
new file mode 100644
index 0000000..eb87897
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground/Assets.xcassets/AccentColor.colorset/Contents.json
@@ -0,0 +1,11 @@
+{
+  "colors" : [
+    {
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/playground/OpenMaterialUIPlayground/Assets.xcassets/AppIcon.appiconset/Contents.json b/playground/OpenMaterialUIPlayground/Assets.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 0000000..13613e3
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,13 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "platform" : "ios",
+      "size" : "1024x1024"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/playground/OpenMaterialUIPlayground/Assets.xcassets/Contents.json b/playground/OpenMaterialUIPlayground/Assets.xcassets/Contents.json
new file mode 100644
index 0000000..73c0059
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground/Assets.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/playground/OpenMaterialUIPlayground/ContentView.swift b/playground/OpenMaterialUIPlayground/ContentView.swift
new file mode 100644
index 0000000..99a8a86
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground/ContentView.swift
@@ -0,0 +1,27 @@
+//
+//  ContentView.swift
+//  OpenMaterialUIPlayground
+//
+//  Created by Ahmed Shendy on 21/05/2023.
+//
+
+import SwiftUI
+import OpenMaterialUI
+
+struct ContentView: View {
+    var body: some View {
+        VStack {
+            Image(systemName: "globe")
+                .imageScale(.large)
+                .foregroundColor(.accentColor)
+            MaterialText("Hello, OpenMaterialUI!")
+        }
+        .padding()
+    }
+}
+
+struct ContentView_Previews: PreviewProvider {
+    static var previews: some View {
+        ContentView()
+    }
+}
diff --git a/playground/OpenMaterialUIPlayground/MaterialTextDemo.swift b/playground/OpenMaterialUIPlayground/MaterialTextDemo.swift
new file mode 100644
index 0000000..3b9f78b
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground/MaterialTextDemo.swift
@@ -0,0 +1,21 @@
+//
+//  MaterialTextDemo.swift
+//  OpenMaterialUIPlayground
+//
+//  Created by Ahmed Shendy on 07/07/2023.
+//
+
+import SwiftUI
+import OpenMaterialUI
+
+struct MaterialTextDemo: View {
+    var body: some View {
+        MaterialText("Hello, OpenMaterial!")
+    }
+}
+
+struct MaterialTextDemo_Previews: PreviewProvider {
+    static var previews: some View {
+        MaterialTextDemo()
+    }
+}
diff --git a/playground/OpenMaterialUIPlayground/OpenMaterialUIPlaygroundApp.swift b/playground/OpenMaterialUIPlayground/OpenMaterialUIPlaygroundApp.swift
new file mode 100644
index 0000000..0399e0a
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground/OpenMaterialUIPlaygroundApp.swift
@@ -0,0 +1,17 @@
+//
+//  OpenMaterialUIPlaygroundApp.swift
+//  OpenMaterialUIPlayground
+//
+//  Created by Ahmed Shendy on 21/05/2023.
+//
+
+import SwiftUI
+
+@main
+struct OpenMaterialUIPlaygroundApp: App {
+    var body: some Scene {
+        WindowGroup {
+            ContentView()
+        }
+    }
+}
diff --git a/playground/OpenMaterialUIPlayground/Preview Content/Preview Assets.xcassets/Contents.json b/playground/OpenMaterialUIPlayground/Preview Content/Preview Assets.xcassets/Contents.json
new file mode 100644
index 0000000..73c0059
--- /dev/null
+++ b/playground/OpenMaterialUIPlayground/Preview Content/Preview Assets.xcassets/Contents.json	
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}