awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

24 repository-uri

Awesome GitHub RepositoriesBottom Sheets

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.

Awesome Bottom Sheets GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • expo/expoAvatar expo

    expo/expo

    50,111Vezi pe GitHub↗

    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.

    TypeScriptandroidapp-frameworkexpo
    Vezi pe GitHub↗50,111
  • vuetifyjs/vuetifyAvatar vuetifyjs

    vuetifyjs/vuetify

    41,003Vezi pe GitHub↗

    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.

    TypeScriptjavascriptmaterialmaterial-components
    Vezi pe GitHub↗41,003
  • afollestad/material-dialogsAvatar afollestad

    afollestad/material-dialogs

    19,577Vezi pe GitHub↗

    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.

    Kotlin
    Vezi pe GitHub↗19,577
  • flutter-team-archive/pluginsAvatar flutter-team-archive

    flutter-team-archive/plugins

    17,710Vezi pe GitHub↗

    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.

    Dartandroiddartflutter
    Vezi pe GitHub↗17,710
  • cp-algorithms/cp-algorithmsAvatar cp-algorithms

    cp-algorithms/cp-algorithms

    10,805Vezi pe GitHub↗

    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.

    C++algorithm-competitionsalgorithmsalgorithms-and-data-structures
    Vezi pe GitHub↗10,805
  • gorhom/react-native-bottom-sheetAvatar gorhom

    gorhom/react-native-bottom-sheet

    9,003Vezi pe GitHub↗

    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.

    TypeScriptbottom-sheetbottomsheetmodal
    Vezi pe GitHub↗9,003
  • emilkowalski/vaulAvatar emilkowalski

    emilkowalski/vaul

    8,426Vezi pe GitHub↗

    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.

    TypeScriptdialogdrawerreact
    Vezi pe GitHub↗8,426
  • huntabyte/shadcn-svelteAvatar huntabyte

    huntabyte/shadcn-svelte

    8,341Vezi pe GitHub↗

    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.

    TypeScriptbits-uishadcn-svelteshadcn-ui
    Vezi pe GitHub↗8,341
  • google/accompanistAvatar google

    google/accompanist

    7,824Vezi pe GitHub↗

    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.

    Kotlinandroid-libraryjetpack-compose
    Vezi pe GitHub↗7,824
  • nisrulz/flutter-examplesAvatar nisrulz

    nisrulz/flutter-examples

    7,148Vezi pe GitHub↗

    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.

    Dartandroidapplication-frameworkcross-platform
    Vezi pe GitHub↗7,148
  • facebook/saplingAvatar facebook

    facebook/sapling

    6,885Vezi pe GitHub↗

    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.

    Rust
    Vezi pe GitHub↗6,885
  • rey5137/materialAvatar rey5137

    rey5137/material

    5,955Vezi pe GitHub↗

    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.

    Javaandroidjavamaterial
    Vezi pe GitHub↗5,955
  • scenee/floatingpanelAvatar SCENEE

    SCENEE/FloatingPanel

    5,813Vezi pe GitHub↗

    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.

    Swift
    Vezi pe GitHub↗5,813
  • dillidon/alerts-and-pickersAvatar dillidon

    dillidon/alerts-and-pickers

    5,759Vezi pe GitHub↗

    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.

    Swift
    Vezi pe GitHub↗5,759
  • researchkit/researchkitAvatar ResearchKit

    ResearchKit/ResearchKit

    5,732Vezi pe GitHub↗

    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.

    Objective-C
    Vezi pe GitHub↗5,732
  • react-native-modal/react-native-modalAvatar react-native-modal

    react-native-modal/react-native-modal

    5,657Vezi pe GitHub↗

    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.

    TypeScriptandroidanimatedanimation
    Vezi pe GitHub↗5,657
  • react-native-community/react-native-modalAvatar react-native-community

    react-native-community/react-native-modal

    5,656Vezi pe GitHub↗

    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.

    TypeScript
    Vezi pe GitHub↗5,656
  • alexaubry/bulletinboardAvatar alexaubry

    alexaubry/BulletinBoard

    5,348Vezi pe GitHub↗

    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.

    Swift
    Vezi pe GitHub↗5,348
  • gluestack/gluestack-uiAvatar gluestack

    gluestack/gluestack-ui

    4,931Vezi pe GitHub↗

    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.

    TypeScriptaccessibilitycomponent-librarycustomizable-components
    Vezi pe GitHub↗4,931
  • ionicfirebaseapp/getwidgetAvatar ionicfirebaseapp

    ionicfirebaseapp/getwidget

    4,819Vezi pe GitHub↗

    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.

    Dartdartdart-librarydart-package
    Vezi pe GitHub↗4,819
Înapoi12Înainte
  1. Home
  2. User Interface & Experience
  3. Bottom Sheets

Explorează sub-etichetele

  • AnimatedBottom sheet dialogs that slide in with customizable animation and dimming effects. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: adds Material Design slide animations and full-screen content support.
  • Bottom Sheet Content ResizersAdjusts the sheet's height automatically based on its content size. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on automatic height adjustment to fit content, not the general bottom sheet component.
  • Dynamic Sizing1 sub-tagAutomatically resizing bottom sheets to match content height without requiring fixed snap points. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on automatic content-height-based sizing rather than the general bottom sheet component.
  • Dynamic Snap PointAutomatically resizes to content height and handles changing snap points after mounting. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on dynamic resizing and runtime snap point changes, not the general bottom sheet component.
  • Gesture-DrivenSupports drag-to-dismiss, pull-to-refresh, and synchronized scrolling with virtualized lists inside the sheet. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on gesture-driven interactions like drag-to-dismiss and pull-to-refresh, not the general bottom sheet component.
  • Keyboard-AwareBottom sheets that automatically move out of the way when the on-screen keyboard appears. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: specifically adds keyboard-aware positioning to bottom sheets.
  • Keyboard-Aware Behavior1 sub-tagAutomatically adjusting bottom sheet position when the on-screen keyboard appears or changes height. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on keyboard-aware position adjustment specific to bottom sheets, not the general sheet component.
  • ModalPresents the bottom sheet as a modal overlay with stack navigation support and keyboard-aware positioning. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on modal presentation with stack navigation support, not the general bottom sheet component.
  • Modal Presentations2 sub-tag-uriWrapping bottom sheets with modal presentation for smooth mounting animation and stack support. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on modal presentation wrapping, not the sheet component itself.
  • Navigation IntegrationsCoordination of bottom sheet open/close state with React Navigation stacks or navigators. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on integrating sheet state with navigation stacks, not the sheet component itself.
  • Programmatic ControlsExposing methods and animated values for direct programmatic control of bottom sheets. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on programmatic API control, not the sheet component itself.
  • Scroll-SynchronizedBottom sheets that synchronize scrollable content gestures with the sheet's pan gesture. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: specifically adds scroll-gesture synchronization to bottom sheets.
  • Scrollable Content IntegrationsSupporting scrolling inside FlatList, SectionList, ScrollView, and View within bottom sheets. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on scrollable content integration, not the sheet component itself.
  • Stack Navigator Embeddings1 sub-tagEmbedding a stack navigator inside a bottom sheet to enable multi-screen flows within the sheet. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: focuses on embedding navigation stacks inside the sheet, not the sheet component itself.
  • Virtualized ListsVirtualized lists rendered inside a bottom sheet that respond to the sheet's drag gestures. **Distinct from Bottom Sheets:** Distinct from Bottom Sheets: specifically integrates virtualized lists with sheet gesture handling.