maustinstar / Swiftui Drawer
Licence: mit
A SwiftUI bottom-up controller, like in the Maps app. Drag to expand or minimize.
Stars: ✭ 280
Programming Languages
swift
15916 projects
Projects that are alternatives of or similar to Swiftui Drawer
Circlebar
A fun, easy-to-use tab bar navigation controller for iOS.
Stars: ✭ 513 (+83.21%)
Mutual labels: ux, ui-components
React Wait
Complex Loader Management Hook for React Applications
Stars: ✭ 268 (-4.29%)
Mutual labels: ux, ui-components
Oruga
🐛 Oruga is a lightweight library of UI components without CSS framework dependency
Stars: ✭ 297 (+6.07%)
Mutual labels: ux, ui-components
Web Client
Generic Linked Data browser and UX component framework. Apache license.
Stars: ✭ 105 (-62.5%)
Mutual labels: ux, ui-components
Osiris
An Electron based desktop application for generating components, building pages, and storing them in a UI library.
Stars: ✭ 175 (-37.5%)
Mutual labels: ux, ui-components
Bulma.io-axure
AxureRP Library with Bulma.io components
Stars: ✭ 90 (-67.86%)
Mutual labels: ux, ui-components
Patternfly Design
Use this repo to file all new feature or design change requests for the PatternFly project
Stars: ✭ 82 (-70.71%)
Mutual labels: ux, ui-components
Smart Webcomponents
Web Components & Custom Elements for Professional Web Applications
Stars: ✭ 110 (-60.71%)
Mutual labels: ux, ui-components
Nativebase Sketch Template
Sketch Template for NativeBase components
Stars: ✭ 157 (-43.93%)
Mutual labels: ux, ui-components
react-native-imaged-card-view
Rising Imaged Card View with Awesome Shadows and Fully Customizable Library for React Native
Stars: ✭ 16 (-94.29%)
Mutual labels: ux, ui-components
svelteit
Svelteit is a minimalistic UI/UX component library for Svelte and Sapper projects
Stars: ✭ 64 (-77.14%)
Mutual labels: ux, ui-components
Hgraph
hGraph is an open source javascript library for visualizing health data.
Stars: ✭ 273 (-2.5%)
Mutual labels: ux
Flutter Review Page Interaction
Implementation of this review page interaction with Flutter
Stars: ✭ 262 (-6.43%)
Mutual labels: ui-components
Easy Toggle State
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time.
Stars: ✭ 261 (-6.79%)
Mutual labels: ui-components
Realityui
A Swift Package for creating familiar UI Elements and animations in a RealityKit rendered Augmented Reality or Virtual Reality scene.
Stars: ✭ 275 (-1.79%)
Mutual labels: ux
Stylefy
Clojure(Script) library for styling user interface components with ease.
Stars: ✭ 273 (-2.5%)
Mutual labels: ui-components
Welcome Ui
Customizable design system of @wttj with react • styled-components • styled-system • reakit
Stars: ✭ 256 (-8.57%)
Mutual labels: ux
Flutter dough
This package provides some widgets you can use to create a smooshy UI.
Stars: ✭ 254 (-9.29%)
Mutual labels: ux
Cribble
Swifty tool for visual testing iPhone and iPad apps. Every pixel counts.
Stars: ✭ 275 (-1.79%)
Mutual labels: ux
SwiftUI Drawer
A SwiftUI bottom-up controller, like in the Maps app. Drag to expand or minimize.
Contents
Package
For Xcode Projects
File > Swift Packages > Add Package Dependency: https://github.com/maustinstar/swiftui-drawer
For Swift Packages
Add a dependency in your your Package.swift
.package(url: "https://github.com/maustinstar/swiftui-drawer.git", from: "0.1.0"),
Basic Usage
Embed your view content in a ZStack
with the Drawer as the last element. The heights
parameter defines a list of resting heights for the drawer.
ZStack {
ScrollView {
//...
}
Drawer(heights: [100, 340]) {
Color.blue
}.edgesIgnoringSafeArea(.vertical)
}
See the full Reference Guide.
Examples
A multi-height drawer with haptic impact.
Drawer {
ZStack {
RoundedRectangle(cornerRadius: 12)
.foregroundColor(.white)
.shadow(radius: 100)
VStack(alignment: .center) {
Spacer().frame(height: 4.0)
RoundedRectangle(cornerRadius: 3.0)
.foregroundColor(.gray)
.frame(width: 30.0, height: 6.0)
Spacer()
}
}
}.edgesIgnoringSafeArea(.vertical)
.rest(at: .constant([100, 340, UIScreen.main.bounds.height - 40]))
.impact(.light)
See more Examples
🚀 Looking for more fun SwiftUI Packages?
Take your SwiftUI apps to the next level with these Packages!
Credits
- Michael Verges - Initial work - [email protected]
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].