All Projects → loryhuz → Cleanymodal

loryhuz / Cleanymodal

Licence: mit
Swift UI Kit to present clean modal/alert

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to Cleanymodal

react-st-modal
Simple and flexible modal dialog component for React JS
Stars: ✭ 41 (-90.62%)
Mutual labels:  alert, modal
JHTAlertController
A custom iOS alert that replaces the stock UIAlertController. Easily style the alert to match your app. Written in Swift for iOS.
Stars: ✭ 58 (-86.73%)
Mutual labels:  alert, modal
MultiModal
Use multiple .sheet, .alert, etc. modifiers in the same SwiftUI View
Stars: ✭ 49 (-88.79%)
Mutual labels:  alert, modal
Flutter Status Alert
Display Apple system-like self-hiding status alerts. It is well suited for notifying user without interrupting user flow.
Stars: ✭ 111 (-74.6%)
Mutual labels:  ui-components, alert
ng-sq-ui
Flexible and easily customizable UI-kit for Angular 11+
Stars: ✭ 99 (-77.35%)
Mutual labels:  modal, ui-components
Alerttoast
Create Apple-like alerts & toasts using SwiftUI
Stars: ✭ 151 (-65.45%)
Mutual labels:  ui-components, alert
react-redux-modal-flex
[DEPRECATED] Make easy a modal/popup with Redux
Stars: ✭ 14 (-96.8%)
Mutual labels:  alert, modal
Cfnotify
A customizable framework to create draggable views
Stars: ✭ 490 (+12.13%)
Mutual labels:  ui-components, alert
jquery.dialog.js
A lightweight replacement for the browser's default dialog boxes.
Stars: ✭ 17 (-96.11%)
Mutual labels:  alert, modal
svelte-accessible-dialog
An accessible dialog component for Svelte apps
Stars: ✭ 24 (-94.51%)
Mutual labels:  alert, modal
React Modal Video
Accessible React Modal Video Component
Stars: ✭ 105 (-75.97%)
Mutual labels:  ui-components, modal
Tltransitions
快速实现控制器的转场和View的快速popover显示,并支持自定义动画、手势退场
Stars: ✭ 296 (-32.27%)
Mutual labels:  modal, alert
Spalert
Native alert from Apple Music & Feedback. Contains Done, Heart & Message and other presets.
Stars: ✭ 1,014 (+132.04%)
Mutual labels:  ui-components, alert
Heyui
🎉UI Toolkit for Web, Vue2.0 http://www.heyui.top
Stars: ✭ 2,373 (+443.02%)
Mutual labels:  ui-components, modal
Fcalertview
FCAlertView is a Flat Customizable AlertView for iOS (Written in Objective C)
Stars: ✭ 777 (+77.8%)
Mutual labels:  ui-components, alert
eins-modal
Simple to use modal / alert / dialog / popup. Created with pure JS. No javascript knowledge required! Works on every browser and device! IE9
Stars: ✭ 30 (-93.14%)
Mutual labels:  alert, modal
Presentr
iOS let's you modally present any view controller, but if you want the presented view controller to not cover the whole screen or modify anything about its presentation or transition you have to use the Custom View Controller Presentation API's.
Stars: ✭ 2,816 (+544.39%)
Mutual labels:  modal, alert
Nativepopup
Clone of Apple iOS App's feedback popup, and easily customizable.
Stars: ✭ 247 (-43.48%)
Mutual labels:  modal, alert
react-native-popup
React Native Animated Popup Modal
Stars: ✭ 19 (-95.65%)
Mutual labels:  alert, modal
react-native-awesome-alert
🔔 Customizable modal components with ✔️check options in React Native
Stars: ✭ 50 (-88.56%)
Mutual labels:  alert, modal


CleanyModal is a good way to use UI-Customised alerts with ease

Features

  • [x] Present some kind of clean alerts (With same API as UIAlertViewController)
  • [x] Add easily Textfields or Custom views as an Alert contains content UIStackView
  • [x] Action Sheets
  • [x] Present full-custom components as modal from a container view
  • [x] iOS 13 compatible with dark/light mode implemented by default

Demo

Present highly customizable and clean alert from provided built-in methods:

Use root modal system to present your custom components and use only the navigation/interaction stuff:

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

Preview

Present a clean Alert with default style:

let alert = MyAlertViewController(
    title: "Hello world",
    message: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed massa a magna semper semper a eget justo",
    imageName: "warning_icon")

alert.addAction(title: "OK", style: .default)
alert.addAction(title: "Cancel", style: .cancel)

present(alert, animated: true, completion: nil)

Apply your own style/theme easily :

class MyAlertViewController: CleanyAlertViewController {
    init(title: String?, message: String?, imageName: String? = nil, preferredStyle: CleanyAlertViewController.Style = .alert) {
        let styleSettings = CleanyAlertConfig.getDefaultStyleSettings()
        styleSettings[.tintColor] = .yellow
        styleSettings[.destructiveColor] = .pink
        super.init(title: title, message: message, imageName: imageName, preferredStyle: preferredStyle, styleSettings: styleSettings)
    }
}

Need to push customization of your Alerts further ?

Extend styles settings keys :

public extension CleanyAlertConfig.StyleKeys {
  public static let shadowOffset = CleanyAlertConfig.StyleKey<CGSize>("shadowOffset")
}

Then apply these news keys in viewDidLoad() implementation of your custom alert. If you only want to present a custom component (not an alert) as a modal, inherit directly form CleanyModalViewController

See example project to see all abilities to customize, enjoy !

Requirements

  • iOS 9.0+
  • Swift 4.2+

Installation

CleanyModal is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'CleanyModal'

Author

lory huz, [email protected]

License

CleanyModal is available under the MIT license. See the LICENSE file for more info.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].