jordansingerbutton

A beautiful, interactive counter component for SwiftUI featuring glassmorphic arrow buttons and smooth animations.

📱 Demo

🌿 Branches

`main` - Full App

The complete jordansingerbutton app with counter functionality.

`tutorial` - Arrow Button Component

A clean, standalone version focusing just on the beautiful arrow button component. Perfect for learning and sharing!

To view the tutorial version:

git checkout tutorial

🚀 Quick Start

Using the Arrow Button Component

The ArrowButton is a reusable SwiftUI component that creates a beautiful glassmorphic button with:

Metallic steel appearance with multi-layer strokes
Blurred reflection effect
Smooth animations
Customizable rotation

import SwiftUIArrowButton(rotation: .degrees(0))  // Pointing down
ArrowButton(rotation: .degrees(180)) // Pointing up
ArrowButton(rotation: .degrees(90))  // Pointing left
ArrowButton(rotation: .degrees(270)) // Pointing right

Full App Usage

The complete app includes date navigation with "Today", "Tomorrow", "Yesterday" labels and smooth date transitions.

📁 Project Structure

jordansingerbutton/
├── CounterView.swift          # Counter with arrow buttons (includes ArrowButton)
├── JordanSingerButtonApp.swift  # App entry point
└── Assets.xcassets/            # Arrow image asset

🎨 Features

Glassmorphic Design: Beautiful metallic steel appearance
Smooth Animations: Spring-based animations for interactions
Accessibility: Full VoiceOver support
Customizable: Easy to modify colors, sizes, and rotations

📝 License

Free to use and modify for your projects!

--- Tranlated By Open Ai Tx | Last indexed: 2026-03-12 ---

swiftuibuttons