A modern HUD inspired by Apple Music and Apple Podcasts

Bei Li

Last update: Nov 18, 2022

Related tags

UI swift ios apple-music hud apple-podcasts

Overview

HUD

A modern HUD inspired by Apple Music and Apple Podcasts.

Appearance	Light	Dark
HUD
Activity Indicator HUD

Requirements

iOS 13+

Installation

You can install HUD via Swift Package Manager. For Xcode, please check this documentation.

How to Use

HUD

import HUD

let window: UIWindow = ...

let hud = HUD(
    image: UIImage(systemName: "heart"),
    title: "Loved",
    message: "This is a beautiful HUD."
)
window.show(hud)

Activity Indicator HUD

import HUD

let window: UIWindow = ...

let hud = ActivityIndicatorHUD()
window.show(hud)

You might also like...

Kit for building custom gauges + easy reproducible Apple's style ring gauges.

GaugeKit ##Kit for building custom gauges + easy reproducible Apple's style ring gauges. - Example Usage Open GaugeKit.xcworkspace and change the sch

1k Dec 23, 2022

A fancy hexagonal layout for displaying data like your Apple Watch

Hexacon is a new way to display content in your app like the Apple Watch SpringBoard Highly inspired by the work of lmmenge. Special thanks to zenly f

340 Dec 4, 2022

Apple TV Parallax effect in Swift.

MPParallaxView Apple TV Parallax effect in Swift. Rotate view using touch or accelerometer. Usage To run the example project, clone the repo, and run

1.7k Jan 4, 2023

A framework that provides CurtainController. CurtainController is a container view controller that implements a content-curtain interface. You can find a similar implementation in applications like Apple Maps, Find My, Stocks, etc. Someone calls it "Pull Up" or "Bottom Sheet".

A framework that provides Curtain Controller. Curtain Controller is a container view controller that implements a content-curtain interface. Contents

117 Sep 2, 2022

Flutter Apple Product Store App UI Home Page With Getx

Flutter Apple Product Store App UI Home Page With Getx A new Flutter UI Project on my Youtube Channel . About The Project Create a beautiful Flutter U

11 Dec 23, 2022

DrawerKit lets an UIViewController modally present another UIViewController in a manner similar to the way Apple's Maps app works.

DrawerKit What is DrawerKit? DrawerKit is a custom view controller presentation mimicking the kind of behaviour in the Apple Maps app. It lets any vie

773 Dec 27, 2022

Fetch the star wars api from all the planets and list and show details using Swift UI and Combine

Star Wars Planets Fetch the star wars planet data by using stat war api, list and show details using SwiftUI and Combine frameworks 🔖 Swift UI Framew

1 Aug 10, 2022

A custom stretchable header view for UIScrollView or any its subclasses with UIActivityIndicatorView and iPhone X safe area support for content reloading. Built for iOS 10 and later.

Arale A custom stretchable header view for UIScrollView or any its subclasses with UIActivityIndicatorView support for reloading your content. Built f

43 Feb 4, 2022

🏞 A simple iOS photo and video browser with optional grid view, captions and selections written in Swift5.0

Introduction 🏞 MediaBrowser can display one or more images or videos by providing either UIImage objects, PHAsset objects, or URLs to library assets,

631 Dec 29, 2022

Comments

Will you consider adding an action button like UIAlertController?

This will allow the HUD to have an interaction like UIAlertView. The user will have enough time to read the message, tap the button, and dismiss the HUD.

I am not sure whether this is a good design for the HUD project, feel free to skip this idea to keep it simple. I might just use a UIAlertView for this.

In the following example, there are too many text to read in 3 seconds:

opened by haojianzong 2
Allow customizing UIBlurEffect.Style

The host App should be able to customize the UIBlurEffect.Style, because it is up to the App to decide the background. The default .systemThinMaterial is sometimes not good for some scenarios.

Before Change

If I use .systemThinMaterial, it is hardly to tell the difference from the background.

After Change

I use .systemChromeMaterial to display a clearer border.

opened by haojianzong 2