23 Repos
Slide-up panels that appear from the bottom of the screen to present supplementary content or actions.
Distinguishing note: No existing candidates provided; minting under UI umbrella to categorize surface components.
Explore 23 awesome GitHub repositories matching user interface & experience · Bottom Sheets. Refine with filters or upvote what's useful.
Expo is a universal mobile framework designed to build native iOS and Android applications from a single codebase using web-standard technologies. It provides a comprehensive development environment that includes a unified runtime for testing, cloud-based infrastructure for compiling and signing native binaries, and automated tools for managing the entire mobile release lifecycle, including app store submission. The framework distinguishes itself through a plugin-based native configuration engine that programmatically modifies project files, allowing developers to integrate native modules wit
Provides interactive bottom sheet components with support for multiple snap points and automatic sizing.
This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
The library shows slide-up panels from the bottom of the screen to present additional information or actions.
material-dialogs is a Kotlin UI component library that provides a collection of modal dialogs and bottom sheets for Android applications. It is designed to implement user interface elements that follow Material Design standards. The library provides specialized modal interfaces for selecting calendar dates, clock times, and specific color values. It also includes system chooser integrations for selecting files and directories from local storage. Beyond pickers, the library covers a broader range of interaction components including text input dialogs, modal alerts with action buttons, and bot
Implements slide-up bottom sheets to present supplementary content and actions.
This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies. The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration throu
Presents slide-up panels from the bottom of the screen for supplementary content or actions.
This project is a comprehensive reference for algorithms and data structures used to solve complex computational problems in competitive programming. It serves as a technical resource for implementing advanced mathematical programming, computational geometry, and graph theory. The repository provides detailed implementation guides for diversifying algorithmic techniques, including top-down and bottom-up dynamic programming optimization, number theory, and linear algebra. It features specific guides for complex tasks such as constructing planar graphs, solving linear Diophantine equations, and
Implements iterative bottom-up dynamic programming for calculating results from base cases to target values.
This is a bottom sheet component library for React Native that provides gesture-driven panels sliding up from the bottom of the screen. The library is built around configurable snap points, dynamic sizing, keyboard awareness, modal presentation, and synchronized scrolling, with native driver animation offloaded to the native thread for smooth performance. The library distinguishes itself through deep gesture and animation control, including custom gesture handler overrides, scroll-gesture synchronization, and dynamic snap point recalculation when content size or keyboard visibility changes. I
Provides a draggable, gesture-driven bottom sheet component with configurable snap points and smooth animations.
Vaul is a React drawer component used to create accessible, draggable bottom sheets and slide-up panels. It serves as a mobile-friendly alternative to traditional dialogs and modals by rendering content into a separate DOM node via a portal to avoid layout nesting issues. The library features configurable snap points that allow panels to lock into specific vertical heights during drag gestures. It supports hierarchical UI layering, enabling the use of nested drawers for complex navigation or multi-level menus. The component includes an accessibility layer with ARIA announcements and focus ma
Implements a draggable bottom sheet with configurable snap points for supplementary content.
shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail
Implements bottom sheets as slide-up panels for presenting supplementary content.
Accompanist is a collection of extension libraries that provide additional functionality and specialized components for the Jetpack Compose UI framework. It serves as a toolkit for implementing common layout and system tasks that extend the core capabilities of declarative UI development on Android. The library provides specialized utilities for managing modal bottom sheet destinations and defining custom animations for screen transitions within a navigation graph. It includes tools for detecting screen folds and display features to create adaptive layouts that adjust based on window size and
Integrates modal bottom sheet destinations directly into a managed navigation graph for routing.
This project is a collection of reference implementations and sample applications for Flutter. It provides practical examples covering API integration, user authentication, data persistence, and a gallery of UI patterns. The repository distinguishes itself by offering a wide array of functional demos, including implementations for Google and email-based identity verification, cloud database synchronization, and the use of both relational and key-value local storage. It also includes specialized utility examples such as expense tracking, tip calculation, and body mass index tools. The project
Presents sliding bottom sheet panels to provide supplementary content or additional options.
Sapling is a scalable version control system designed to handle repositories with millions of files and commits, making it suitable for large monorepos. It reads and writes Git repositories natively, maintaining full interoperability with Git remotes and standard workflows, and provides an interactive commit graph for exploring repository history and state. The system uses a bookmark-based branching model that eliminates named branches in favor of lightweight, movable labels for commits. It tracks how each commit was created, amended, rebased, or split through commit-graph-based mutation trac
Creates, navigates, and tracks a linear stack of commits with commands to move between them.
A library to bring fully animated Material Design components to pre-Lolipop Android.
Displays bottom sheet dialogs that slide up with Material Design animations and full-screen content.
FloatingPanel ist eine Swift-UI-Komponente für iOS, die ein interaktives Bottom-Sheet und Panel-Management bereitstellt. Sie fungiert als modaler Präsentations-Controller, der es Entwicklern ermöglicht, schwebende Container für zugehörige Inhalte und Dienstprogramme neben einem Hauptbildschirm anzuzeigen. Das System nutzt ein magnetisches Ankersystem, um Panels an vordefinierten vertikalen Positionen einzurasten, und unterstützt die Verwaltung mehrerer Panels innerhalb einer einzigen View. Es synchronisiert die Position des Panels mit dem Scroll-Verhalten interner Views, um die Bewegung während der Nutzerinteraktion zu koordinieren. Das Projekt deckt Funktionen für gestenbasierte Positionsverfolgung, zustandsgesteuerte Layout-Berechnungen und delegate-basierte Ereignis-Dispatching ab. Diese Elemente werden verwendet, um kontextbezogene Inhaltsanzeigen, benutzerdefinierte Modals und interaktive kartenbasierte Oberflächen zu implementieren.
Synchronizes a bottom sheet's pan gesture with the scrolling behavior of its internal content.
Dieses Projekt ist ein Framework wiederverwendbarer UI-Komponenten und Erweiterungen, die darauf ausgelegt sind, strukturierte Eingabe- und Auswahlmenüs in native iOS-Alert-Controller zu integrieren. Es bietet eine Bibliothek anpassbarer Textfelder und spezialisierter Picker-Schnittstellen, die direkt in System-Alert-Dialoge eingebettet werden. Das Framework zeichnet sich dadurch aus, dass es externe View-Controller in Alert-Container injiziert, was die Verwendung komplexer Schnittstellen wie Karten und Datumsauswahlen ermöglicht. Es enthält zudem spezialisierte Integrationstools, um Auswahl-Schnittstellen für Fotos, Kontakte und Standorte direkt aus der Telegram-Messaging-Anwendung einzubetten. Das Toolset deckt eine breite Palette an Auswahlfunktionen ab, einschließlich Fotobibliotheks-Browsern, Farbwählern und Kontaktselektoren. Es unterstützt zudem die Erfassung regionaler Einstellungen durch dedizierte Picker für Länder, Telefoncodes und Währungen, während es gleichzeitig attributiertes Text-Rendering für die Darstellung gestylter Inhalte bietet.
Calculates and adjusts the height of the alert content area based on the size of the embedded picker.
ResearchKit is an open-source framework for building iOS applications that conduct medical research studies. It provides reusable components for creating study apps that collect participant data through surveys, sensor-driven active tasks, and digital informed consent workflows. The framework includes a step-based survey builder for constructing multi-step questionnaires, an active task engine that guides participants through structured physical and cognitive assessments while capturing device sensor data, and a visual consent workflow that guides participants through study details with on-de
Presents a multi-step survey as a modal view, collecting responses through configurable question types.
This is a mobile UI overlay library for React Native that provides an animated modal component. It functions as a gesture-responsive interface element used to present supplementary content via overlay windows that support custom transitions and dynamic layout adjustments. The library features a dynamic layout observer that automatically resizes and repositions components during screen rotations or when the on-screen keyboard appears. It implements gesture-based navigation, allowing users to dismiss overlays through configured swipe gestures and backdrop interactions. The project covers anima
Handles scroll offsets and touch event propagation for oversized content within modal windows.
This project is a cross-platform UI component for React Native applications that provides a customizable overlay window for presenting content on top of existing application views. It serves as a library for managing animated modal components, backdrops, and mobile transitions. The component distinguishes itself through support for custom enter and exit animations and highly configurable backdrops, allowing for the adjustment of opacity, color, and the integration of custom elements. It also implements gesture-based dismissal, enabling users to close overlays via background taps or swipes in
Coordinates internal scrollable views within the modal to prevent conflicts with swipe-to-close gestures.
BulletinBoard ist eine SwiftUI-Komponentenbibliothek und ein Interface-Framework für iOS. Es bietet eine Reihe wiederverwendbarer Elemente, die darauf ausgelegt sind, interaktive, barrierefreie Informationskarten am unteren Bildschirmrand zu rendern, um Benutzer durch Onboarding- und Konfigurationsaufgaben zu führen. Das Framework fungiert als Onboarding-UI-Kit und bietet vordefinierte Kartenvorlagen sowie die Möglichkeit, benutzerdefinierte Layout-Strukturen zu erstellen. Diese Komponenten sind mit integrierter Unterstützung für Barrierefreiheit gebaut, um sicherzustellen, dass Interface-Updates und Interaktionszustände an Screenreader und assistive Controller kommuniziert werden. Die Bibliothek deckt High-Level-Funktionen ab, einschließlich kontextbezogenem UI-Design und iOS-Barrierefreiheitsintegration, was die Entwicklung spezialisierter Kartenansichten ermöglicht, die eine inklusive Navigation beibehalten.
Implements slide-up panels at the bottom of the screen to present onboarding and configuration content.
gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve
Presents a slide-up panel from the bottom of the screen for menus, dialogs, or quick actions.
Dies ist eine Android-Bottom-Sheet-Komponente und ein modales Interface, das als schließbares, von unten einschiebbares Panel über Inhalten liegt. Es dient als Ersatz für Standard-Dialoge und -Menüs und fungiert als Vordergrund-View, die Material-Design-Konzepte wie Tiefe, Elevation und Schatten implementiert. Das Projekt fungiert als View-Animations-Framework, das die Echtzeit-Skalierung und -Verschiebung von Hintergrundinhalten koordiniert, während das Panel gleitet. Es verwaltet den visuellen Übergang zwischen den Zuständen „expanded“, „peeked“ und „dismissed“ über eine Zustandsmaschine. Die Komponente unterstützt das Hosten von Fragment-basierten Inhalten, einschließlich Menülisten und Intent-Action-Pickern. Sie umfasst Funktionen für Hintergrundabdunklung, konturbasiertes Schatten-Rendering und Callback-Benachrichtigungen zur Verfolgung von Zustandsänderungen.
Provides a dismissible sliding panel that overlays content from the bottom of the Android screen.