diff --git a/README.md b/README.md
index 26608ce9..54a5b83d 100644
--- a/README.md
+++ b/README.md
@@ -73,8 +73,10 @@ To use WebUI, ensure you have the following installed:
 
 ### Script
 
+If you pass no template the static one will be used by default and if you pass no project name it will default to `web-ui-template`
+
 ```sh
-curl -fSls https://raw.githubusercontent.com/maclong9/web-ui/refs/heads/main/initialize.sh | sh
+curl -fSls https://raw.githubusercontent.com/maclong9/web-ui/refs/heads/main/initialize.sh | sh -s -- --template [static|server] [<project-name>]
 ```
 
 ### Manually
diff --git a/Sources/WebUI/Elements/Base/List.swift b/Sources/WebUI/Elements/Base/List.swift
index fdb240b6..9b780996 100644
--- a/Sources/WebUI/Elements/Base/List.swift
+++ b/Sources/WebUI/Elements/Base/List.swift
@@ -18,9 +18,9 @@ public enum ListType: String {
 ///
 /// HTML supports various styles for list elements, such as disc, circle, or square.
 /// This enum provides a type-safe way to specify which style to use.
-public enum StyleType: String {
+public enum ListStyle: String {
     /// Creates a list with no bullets or numbers.
-    case none
+    case none = ""
 
     /// Creates a list with bullets shaped like discs.
     case disc
@@ -29,7 +29,7 @@ public enum StyleType: String {
     case circle
 
     /// Creates a list with bullets shaped like squares.
-    case square
+    case square = "[square]"
 }
 
 /// Generates HTML list elements (`<ul>` or `<ol>`).
@@ -50,6 +50,7 @@ public enum StyleType: String {
 /// ```
 public final class List: Element {
     let type: ListType
+    let style: ListStyle
 
     /// Creates a new HTML list element (`<ul>` or `<ol>`).
     ///
@@ -72,7 +73,7 @@ public final class List: Element {
     /// ```
     public init(
         type: ListType = .unordered,
-        style: ListStyle = .disc,
+        style: ListStyle = .none,
         id: String? = nil,
         classes: [String]? = nil,
         role: AriaRole? = nil,
@@ -85,7 +86,7 @@ public final class List: Element {
         super.init(
             tag: type.rawValue,
             id: id,
-            classes: classes ?? [] + style.rawValue,
+            classes: (classes ?? []) + (style != .none ? ["list-\(style.rawValue)"] : []),
             role: role,
             label: label,
             data: data,
diff --git a/Tests/WebUITests/ElementTests.swift b/Tests/WebUITests/ElementTests.swift
index f83e5556..b4c48e9f 100644
--- a/Tests/WebUITests/ElementTests.swift
+++ b/Tests/WebUITests/ElementTests.swift
@@ -155,6 +155,17 @@ import Testing
         #expect(rendered.contains("</ol>"))
     }
 
+    @Test("List Styles")
+    func testListStyles() async throws {
+      let disc = List(style: .disc).render()
+      let circle = List(style: .circle).render()
+      let square = List(style: .square).render()
+      
+      #expect(disc.contains("list-disc"))
+      #expect(circle.contains("list-circle"))
+      #expect(square.contains("list-[square]"))
+    }
+  
     // MARK: - Media Tests
 
     @Test("Picture element with multiple sources")
diff --git a/Tests/WebUITests/Styles/BaseTests.swift b/Tests/WebUITests/Styles/BaseTests.swift
index 4180febd..0ee6ddb7 100644
--- a/Tests/WebUITests/Styles/BaseTests.swift
+++ b/Tests/WebUITests/Styles/BaseTests.swift
@@ -187,7 +187,7 @@ import Testing
     func testFontWithDecorationAndWrapping() async throws {
         let element = Element(tag: "div").font(decoration: .underline, wrapping: .nowrap)
         let rendered = element.render()
-        #expect(rendered.contains("class=\"decoration-underline text-nowrap\""))
+        #expect(rendered.contains("class=\"underline text-nowrap\""))
     }
 
     @Test("Font with family and modifier")
diff --git a/examples/static/.github/workflows/build.yml b/examples/static/.github/workflows/build.yml
new file mode 100644
index 00000000..8d54b7fa
--- /dev/null
+++ b/examples/static/.github/workflows/build.yml
@@ -0,0 +1,67 @@
+name: Build and Deploy Static Site
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: write 
+
+jobs:
+  build:
+    runs-on: macos-15
+    steps:
+      # Check out the repository code
+      - uses: actions/checkout@v4
+      
+      # Set up Swift
+      - name: Setup Swift
+        uses: swift-actions/setup-swift@v2
+      
+      # Cache Swift build artifacts
+      - name: Cache Swift Build
+        uses: actions/cache@v4
+        id: cache-swift-build
+        with:
+          path: .build
+          key: ${{ runner.os }}-swift-build-${{ hashFiles('Package.swift', 'Sources/**') }}
+          restore-keys: |
+            ${{ runner.os }}-swift-build-
+      
+      # Build the project
+      - name: Build
+        run: swift build -v
+        if: steps.cache-swift-build.outputs.cache-hit != 'true'
+      
+      # Cache generated site output
+      - name: Cache Generated Site
+        uses: actions/cache@v4
+        id: cache-site-output
+        with:
+          path: .output
+          key: ${{ runner.os }}-site-output-${{ hashFiles('Sources/**') }}
+          restore-keys: |
+            ${{ runner.os }}-site-output-
+      
+      # Run the static site generator
+      - name: Generate Site
+        run: swift run Application
+        if: steps.cache-site-output.outputs.cache-hit != 'true'
+
+      # Push to static branch (only on push to main)
+      - name: Push to static branch
+        if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+        run: |
+          git config user.name "GitHub Actions Bot"
+          git config user.email "actions@github.com"
+          git checkout -B static
+          rm -rf ./*
+          mv .output/* .
+          rm -rf .output .gitignore .github .build .swift-format
+          git add .
+          git commit -m "release: update static site content"
+          git push origin static --force
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/examples/static/.gitignore b/examples/static/.gitignore
new file mode 100644
index 00000000..72d90cae
--- /dev/null
+++ b/examples/static/.gitignore
@@ -0,0 +1,4 @@
+.DS_Store
+.build/
+.output/
+.swiftpm/
diff --git a/examples/static/.swift-format b/examples/static/.swift-format
new file mode 100644
index 00000000..e5b7573d
--- /dev/null
+++ b/examples/static/.swift-format
@@ -0,0 +1,61 @@
+{
+  "indentation" : {
+    "spaces" : 4
+  },
+  "tabWidth" : 4,
+  "fileScopedDeclarationPrivacy" : {
+    "accessLevel" : "private"
+  },
+  "spacesAroundRangeFormationOperators" : false,
+  "indentConditionalCompilationBlocks" : false,
+  "indentSwitchCaseLabels" : false,
+  "lineBreakAroundMultilineExpressionChainComponents" : false,
+  "lineBreakBeforeControlFlowKeywords" : false,
+  "lineBreakBeforeEachArgument" : true,
+  "lineBreakBeforeEachGenericRequirement" : true,
+  "lineLength" : 120,
+  "maximumBlankLines" : 1,
+  "respectsExistingLineBreaks" : true,
+  "prioritizeKeepingFunctionOutputTogether" : true,
+  "rules" : {
+    "AllPublicDeclarationsHaveDocumentation" : false,
+    "AlwaysUseLiteralForEmptyCollectionInit" : false,
+    "AlwaysUseLowerCamelCase" : false,
+    "AmbiguousTrailingClosureOverload" : true,
+    "BeginDocumentationCommentWithOneLineSummary" : false,
+    "DoNotUseSemicolons" : true,
+    "DontRepeatTypeInStaticProperties" : true,
+    "FileScopedDeclarationPrivacy" : true,
+    "FullyIndirectEnum" : true,
+    "GroupNumericLiterals" : true,
+    "IdentifiersMustBeASCII" : true,
+    "NeverForceUnwrap" : false,
+    "NeverUseForceTry" : false,
+    "NeverUseImplicitlyUnwrappedOptionals" : false,
+    "NoAccessLevelOnExtensionDeclaration" : true,
+    "NoAssignmentInExpressions" : true,
+    "NoBlockComments" : true,
+    "NoCasesWithOnlyFallthrough" : true,
+    "NoEmptyTrailingClosureParentheses" : true,
+    "NoLabelsInCasePatterns" : true,
+    "NoLeadingUnderscores" : false,
+    "NoParensAroundConditions" : true,
+    "NoVoidReturnOnFunctionSignature" : true,
+    "OmitExplicitReturns" : true,
+    "OneCasePerLine" : true,
+    "OneVariableDeclarationPerLine" : true,
+    "OnlyOneTrailingClosureArgument" : true,
+    "OrderedImports" : true,
+    "ReplaceForEachWithForLoop" : true,
+    "ReturnVoidInsteadOfEmptyTuple" : true,
+    "UseEarlyExits" : false,
+    "UseExplicitNilCheckInConditions" : false,
+    "UseLetInEveryBoundCaseVariable" : false,
+    "UseShorthandTypeNames" : true,
+    "UseSingleLinePropertyGetter" : false,
+    "UseSynthesizedInitializer" : false,
+    "UseTripleSlashForDocumentationComments" : true,
+    "UseWhereClausesInForLoops" : false,
+    "ValidateDocumentationComments" : false
+  }
+}
diff --git a/examples/static/Package.resolved b/examples/static/Package.resolved
new file mode 100644
index 00000000..fe156e3e
--- /dev/null
+++ b/examples/static/Package.resolved
@@ -0,0 +1,42 @@
+{
+  "originHash" : "aab38e8abe462d20dea97a5b19d0e3346e1e1f2fa245391644b2621c94d9440e",
+  "pins" : [
+    {
+      "identity" : "swift-cmark",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/swiftlang/swift-cmark.git",
+      "state" : {
+        "revision" : "b022b08312decdc46585e0b3440d97f6f22ef703",
+        "version" : "0.6.0"
+      }
+    },
+    {
+      "identity" : "swift-log",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/apple/swift-log.git",
+      "state" : {
+        "revision" : "3d8596ed08bd13520157f0355e35caed215ffbfa",
+        "version" : "1.6.3"
+      }
+    },
+    {
+      "identity" : "swift-markdown",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/apple/swift-markdown",
+      "state" : {
+        "revision" : "ea79e83c8744d2b50b0dc2d5bbd1e857e1253bf9",
+        "version" : "0.6.0"
+      }
+    },
+    {
+      "identity" : "web-ui",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/maclong9/web-ui.git",
+      "state" : {
+        "revision" : "50b49adbbe15b8bccd830bb4da5a9fd0ffe4d670",
+        "version" : "1.1.5"
+      }
+    }
+  ],
+  "version" : 3
+}
diff --git a/examples/static/Package.swift b/examples/static/Package.swift
new file mode 100644
index 00000000..129f0884
--- /dev/null
+++ b/examples/static/Package.swift
@@ -0,0 +1,21 @@
+// swift-tools-version: 6.1
+
+import PackageDescription
+
+let package = Package(
+    name: "Portfolio",
+    platforms: [.macOS(.v15)],
+    dependencies: [
+        .package(url: "https://github.com/maclong9/web-ui.git", from: "1.0.0")
+    ],
+    targets: [
+        .executableTarget(
+            name: "Application",
+            dependencies: [
+                .product(name: "WebUI", package: "web-ui")
+            ],
+            path: "Sources",
+            resources: [.process("Public")]
+        )
+    ]
+)
diff --git a/examples/static/Sources/Application.swift b/examples/static/Sources/Application.swift
new file mode 100644
index 00000000..3ba9b124
--- /dev/null
+++ b/examples/static/Sources/Application.swift
@@ -0,0 +1,36 @@
+import Foundation
+import WebUI
+
+@main
+actor Application {
+    static let metadata = Metadata(
+        site: "example",
+        titleSeperator: " | ",
+        description: "A static website built with Swift and WebUI",
+        image: "https://placehold.co/600x400/EEE/31343C",
+        author: "Swift Developer",
+        keywords: [
+            "swift", "web development", "static site", "webui",
+        ],
+        type: .website,
+        favicons: [
+            .init("https://fav.farm/🖥", type: "image/svg")
+        ],
+    )
+
+    static let routes = [
+        Home().document,
+        About().document,
+    ]
+
+    static func main() async {
+        do {
+            try Website(
+                metadata: metadata,
+                routes: routes,
+            ).build()
+        } catch {
+            print("Failed to build application: \(error)")
+        }
+    }
+}
diff --git a/examples/static/Sources/Components/Layout.swift b/examples/static/Sources/Components/Layout.swift
new file mode 100644
index 00000000..290cc005
--- /dev/null
+++ b/examples/static/Sources/Components/Layout.swift
@@ -0,0 +1,62 @@
+import Foundation
+import WebUI
+
+struct Layout: HTML {
+    let children: Children
+
+    init(@HTMLBuilder children: @escaping HTMLContentBuilder) {
+        self.children = Children(content: children)
+    }
+
+    public func render() -> String {
+        Stack {
+            Header {
+                Link(to: "/") { Application.metadata.site! }
+                    .font(size: .xl2)
+                    .font(size: .xl3, on: .md)
+                    .font(decoration: .underline, on: .hover)
+                Navigation {
+                    for path in Application.routes {
+                        Link(to: "/\(path.path ?? "")") { path.metadata.title ?? "" }
+                            .font(size: .sm)
+                            .font(size: .base, on: .md)
+                            .font(decoration: .underline, on: .hover)
+                    }
+                }.flex(align: .center).spacing(of: 2, along: .x)
+            }
+            .flex(justify: .between, align: .center)
+            .frame(width: .full, maxWidth: .character(86))
+            .margins(at: .bottom)
+            .margins(at: .horizontal, auto: true)
+            .padding(at: .vertical)
+
+            Main {
+                children.render()
+            }
+            .flex(grow: .one)
+            .font(wrapping: .pretty)
+            .frame(maxWidth: .character(72))
+            .margins(at: .horizontal, auto: true)
+
+            Footer {
+                Text {
+                    "© \(Date().formattedYear()) "
+                    Link(to: "/") { Application.metadata.site! }.font(
+                        weight: .normal
+                    )
+                }.font(size: .sm, color: .neutral(._700, opacity: 0.7))
+            }
+            .flex(justify: .center, align: .center)
+        }
+        .font(family: "system-ui")
+        .frame(minHeight: .screen)
+        .flex(direction: .column)
+        .padding()
+        .responsive {
+            $0.md {
+                $0.font(size: .lg)
+            }
+        }
+        .render()
+    }
+}
diff --git a/examples/static/Sources/Pages/About.swift b/examples/static/Sources/Pages/About.swift
new file mode 100644
index 00000000..bc879c86
--- /dev/null
+++ b/examples/static/Sources/Pages/About.swift
@@ -0,0 +1,62 @@
+import WebUI
+
+struct About: HTML {
+    var document: Document {
+        .init(
+            path: "about",
+            metadata: Metadata(
+                title: "About",
+                description: "Learn more about this website and its creator"
+            ),
+            content: { self }
+        )
+    }
+
+    func render() -> String {
+        Layout {
+            Section {
+                Heading(.title) {
+                    "About This Site"
+                }
+                .font(size: .xl3, weight: .bold)
+
+                Text {
+                    "This is the About page of my static website built with WebUI. This page demonstrates how to create multiple pages that share common layout elements but have unique content."
+                }
+
+                Heading(.headline) {
+                    "About the Creator"
+                }
+                .font(size: .xl, weight: .bold)
+
+                Text {
+                    "I'm a Swift developer who loves building clean, fast websites. This site serves as a demonstration of using Swift for web development."
+                }
+
+                Heading(.headline) {
+                    "Built with WebUI"
+                }
+                .font(size: .xl, weight: .bold)
+
+                Text {
+                    "WebUI is a Swift library that makes it easy to build static websites using a component-based approach. Key features include:"
+                }
+
+                List(style: .disc) {
+                    Item { "Type-safe HTML generation" }
+                    Item { "Tailwind-inspired styling API" }
+                    Item { "Component reusability" }
+                    Item { "Simple static site generation" }
+                }.padding()
+
+                Link(to: "/") {
+                    "Return to Home Page"
+                }
+                .background(color: .blue(._500))
+                .font(color: .custom("white"))
+                .padding(EdgeInsets(vertical: 2, horizontal: 4))
+                .rounded(.md)
+            }.spacing(of: 4, along: .y)
+        }.render()
+    }
+}
diff --git a/examples/static/Sources/Pages/Home.swift b/examples/static/Sources/Pages/Home.swift
new file mode 100644
index 00000000..905d3e34
--- /dev/null
+++ b/examples/static/Sources/Pages/Home.swift
@@ -0,0 +1,49 @@
+import WebUI
+
+struct Home: HTML {
+    var document: Document {
+        .init(
+            path: "",
+            metadata: Metadata(
+                title: "Home",
+                description: "Welcome to my personal website built with WebUI"
+            ),
+            content: { self }
+        )
+    }
+
+    func render() -> String {
+        Layout {
+            Section {
+                Heading(.title) {
+                    "Welcome to WebUI"
+                }
+                .font(size: .xl3, weight: .bold)
+                .font(weight: .semibold)
+
+                Text {
+                    "This is a static site generator built with Swift, generates compliant HTML, CSS and JavaScript code for your web projects in a SwiftUI like Syntax."
+                }
+
+                Stack {
+                    Link(to: "https://github.com/maclong9/web-ui", newTab: true) { "Source Code" }
+                        .background(color: .neutral(._950))
+                        .font(color: .neutral(._100))
+                        .padding(EdgeInsets(vertical: 2, horizontal: 2))
+                        .rounded(.md)
+                    Link(to: "https://maclong9.github.io/web-ui/documentation/webui/", newTab: true) {
+                        "Read Documentation"
+                    }
+                    .background(color: .blue(._500))
+                    .font(color: .neutral(._100))
+                    .padding(EdgeInsets(vertical: 2, horizontal: 2))
+                    .rounded(.md)
+                }
+                .spacing(of: 2, along: .x)
+                .margins(at: .top)
+            }
+            .spacing(of: 4, along: .y)
+            .margins(at: .horizontal, auto: true)
+        }.render()
+    }
+}
diff --git a/examples/static/Sources/Public/placeholder.txt b/examples/static/Sources/Public/placeholder.txt
new file mode 100644
index 00000000..52440864
--- /dev/null
+++ b/examples/static/Sources/Public/placeholder.txt
@@ -0,0 +1 @@
+This file can be removed, this directory is where you store your assets such as images, scripts, stylesheets and anything else you need to serve.
diff --git a/initialize.sh b/initialize.sh
old mode 100644
new mode 100755
index e2c85be2..c4a69fd5
--- a/initialize.sh
+++ b/initialize.sh
@@ -1,14 +1,62 @@
 #!/bin/sh
-PROJECT_NAME=$1
-git clone --quiet https://github.com/maclong9/web-ui-example
-if [ ! "$1" ]; then
-    PROJECT_NAME="example"
+
+set -e
+
+TEMPLATE="static"
+PROJECT_NAME="web-ui-template"
+
+# Parse arguments
+while [ $# -gt 0 ]; do
+    case "$1" in
+        --template | -t)
+            shift
+            if [ "$1" = "static" ] || [ "$1" = "server" ]; then
+                TEMPLATE="$1"
+            else
+                echo "Invalid template: $1"
+                echo "Usage: $0 [--template static|server] [project-name]"
+                exit 1
+            fi
+            ;;
+        -*)
+            echo "Unknown option: $1"
+            echo "Usage: $0 [--template static|server] [project-name]"
+            exit 1
+            ;;
+        *)
+            PROJECT_NAME="web-ui-template"
+            ;;
+    esac
+    shift
+done
+
+if [ "$TEMPLATE" = "server" ]; then
+    echo "Server template is coming soon"
+    exit 0
+fi
+
+TEMPLATE_URL="https://github.com/maclong9/web-ui/archive/refs/heads/main.tar.gz"
+TMP_DIR=$(mktemp -d)
+curl -fsSL "$TEMPLATE_URL" | tar -xz -C "$TMP_DIR"
+
+TEMPLATE_PATH="$TMP_DIR/web-ui-main/examples/$TEMPLATE"
+if [ ! -d "$TEMPLATE_PATH" ]; then
+    echo "Template directory not found: $TEMPLATE_PATH"
+    exit 1
+fi
+
+cp -R "$TEMPLATE_PATH" "$PROJECT_NAME"
+
+# macOS/BSD sed needs '' after -i, GNU sed does not
+if [ $(uname -s)" = "Darwin" ] then
+    SED_INPLACE="sed -i ''"
 else
-    sed -i '' "s/example/$PROJECT_NAME/g" "$PROJECT_NAME"/Package.swift
-    sed -i '' "s/example/$PROJECT_NAME/g" "$PROJECT_NAME"/Sources/Application.swift
+    SED_INPLACE="sed -i"
 fi
-mv web-ui-example "$PROJECT_NAME"
+
+find "$PROJECT_NAME" -type f -name "Package.swift" -exec $SED_INPLACE "s/example/$PROJECT_NAME/g" {} +
+find "$PROJECT_NAME/Sources" -type f -name "Application.swift" -exec $SED_INPLACE "s/example/$PROJECT_NAME/g" {} +
 rm -rf "$PROJECT_NAME/.git"
-printf '\033[1;32m✓\033[0m \033[1;32m%s\033[0m initialisation complete
-Run \033[1;33mcd %s && swift run\033[0m to build
-your static site to the \033[1;36m.output\033[0m directory.' "$PROJECT_NAME" "$PROJECT_NAME"
+rm -rf "$TMP_DIR"
+
+printf '\033[1;32m✓\033[0m \033[1;32m%s\033[0m initialisation complete\nRun \033[1;33mcd %s && swift run\033[0m to build\nyour static site to the \033[1;36m.output\033[0m directory.\n' "$PROJECT_NAME" "$PROJECT_NAME"