24 repository-uri
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 24 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 este o componentă Swift UI pentru iOS care oferă un bottom sheet interactiv și un manager de panouri. Funcționează ca un controller de prezentare modală care permite dezvoltatorilor să afișeze containere plutitoare pentru conținut conex și utilitare alături de un ecran principal. Sistemul utilizează un sistem de ancorare magnetică pentru a fixa panourile în poziții verticale predefinite și suportă gestionarea mai multor panouri în cadrul unui singur view. Sincronizează poziția panoului cu comportamentul de scrolling al view-urilor interne pentru a coordona mișcarea în timpul interacțiunii utilizatorului. Proiectul acoperă capabilități pentru urmărirea poziției bazată pe gesturi, calcule de layout bazate pe stare și dispatch-ul evenimentelor bazat pe delegat. Aceste elemente sunt utilizate pentru a implementa afișaje de conținut contextual, modale personalizate și interfețe interactive bazate pe hărți.
Synchronizes a bottom sheet's pan gesture with the scrolling behavior of its internal content.
Acest proiect este un framework de componente UI reutilizabile și extensii concepute pentru a integra input-uri structurate și meniuri de selecție în alert controller-ele native iOS. Oferă o bibliotecă de câmpuri text personalizabile și interfețe de picker specializate care se încorporează direct în dialogurile de alertă ale sistemului. Framework-ul se distinge prin injectarea de view controller-e externe în containerele de alertă, permițând utilizarea interfețelor complexe precum hărți și date pickere. Include, de asemenea, instrumente de integrare specializate pentru a încorpora interfețe de selecție pentru fotografii, contacte și locații direct din aplicația de mesagerie Telegram. Setul de instrumente acoperă o gamă largă de capabilități de selecție, inclusiv browsere de biblioteci foto, color pickere și selectoare de contacte. De asemenea, suportă colectarea setărilor regionale prin pickere dedicate pentru țări, coduri telefonice și valute, oferind în același timp randare de text atribuit pentru afișarea conținutului stilizat.
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.
Aceasta este o bibliotecă de overlay UI pentru React Native care oferă o componentă modală animată. Funcționează ca un element de interfață cu răspuns la gesturi, utilizat pentru a prezenta conținut suplimentar prin ferestre overlay care suportă tranziții personalizate și ajustări dinamice de layout. Biblioteca dispune de un observator de layout dinamic care redimensionează și repoziționează automat componentele în timpul rotațiilor ecranului sau când apare tastatura virtuală. Implementează navigarea bazată pe gesturi, permițând utilizatorilor să închidă overlay-urile prin gesturi de swipe configurate și interacțiuni cu fundalul. Proiectul acoperă coordonarea animațiilor și a tranzițiilor, incluzând hook-uri de ciclu de viață care execută callback-uri înainte și după animațiile ferestrelor. Include, de asemenea, utilitare pentru personalizarea fundalului și gestionarea conținutului scrollabil pentru a preveni conflictele de interacțiune în timpul acțiunilor de tip swipe-to-dismiss.
Handles scroll offsets and touch event propagation for oversized content within modal windows.
Acest proiect este o componentă UI cross-platform pentru aplicații React Native care oferă o fereastră overlay personalizabilă pentru prezentarea conținutului peste vizualizările existente ale aplicației. Servește drept bibliotecă pentru gestionarea componentelor modale animate, a fundalurilor și a tranzițiilor mobile. Componenta se distinge prin suportul pentru animații personalizate de intrare și ieșire și fundaluri extrem de configurabile, permițând ajustarea opacității, culorii și integrarea elementelor personalizate. De asemenea, implementează închiderea prin gesturi, permițând utilizatorilor să închidă overlay-urile prin atingeri în fundal sau swipe-uri în direcții specificate. Biblioteca gestionează provocările de interfață specifice dispozitivelor mobile, inclusiv poziționarea adaptivă a tastaturii pentru a menține conținutul vizibil atunci când tastatura software se deschide și coordonarea gesturilor de swipe cu conținutul scrollabil intern. Oferă, de asemenea, callback-uri de ciclu de viață care se declanșează în timpul secvențelor de animație și al evenimentelor de sistem.
Coordinates internal scrollable views within the modal to prevent conflicts with swipe-to-close gestures.
BulletinBoard este o bibliotecă de componente SwiftUI și un framework de interfață pentru iOS. Oferă un set de elemente reutilizabile concepute pentru a randa carduri de informații interactive și accesibile în partea de jos a ecranului, pentru a ghida utilizatorii prin sarcinile de onboarding și configurare. Framework-ul funcționează ca un kit UI pentru onboarding, oferind template-uri de carduri predefinite și capacitatea de a crea structuri de layout personalizate. Aceste componente sunt construite cu suport integrat pentru accesibilitate, pentru a se asigura că actualizările interfeței și stările de interacțiune sunt anunțate cititoarelor de ecran și controlerelor asistive. Biblioteca acoperă capabilități de nivel înalt, inclusiv design UI contextual și integrare cu accesibilitatea iOS, permițând dezvoltarea de vizualizări de carduri specializate care mențin o navigare incluzivă.
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.
Getwidget is a comprehensive Flutter UI component library and design system providing over 1,000 pre-built widgets for creating cross-platform user interfaces. It serves as a production-ready widget gallery designed to accelerate the front-end development process through a wide array of pre-composed elements. The project includes a specialized AI interaction UI kit featuring components for rendering streaming large language model responses, RAG chat interfaces, and real-time voice agents. It also provides operational utilities for estimating monthly LLM expenditures based on token usage and p
Provides modal and draggable bottom sheet panels for supplementary content.