awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

24 مستودعات

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

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • expo/expoالصورة الرمزية لـ expo

    expo/expo

    50,111عرض على 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
    عرض على GitHub↗50,111
  • vuetifyjs/vuetifyالصورة الرمزية لـ vuetifyjs

    vuetifyjs/vuetify

    41,003عرض على 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
    عرض على GitHub↗41,003
  • afollestad/material-dialogsالصورة الرمزية لـ afollestad

    afollestad/material-dialogs

    19,577عرض على 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
    عرض على GitHub↗19,577
  • flutter-team-archive/pluginsالصورة الرمزية لـ flutter-team-archive

    flutter-team-archive/plugins

    17,710عرض على 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
    عرض على GitHub↗17,710
  • cp-algorithms/cp-algorithmsالصورة الرمزية لـ cp-algorithms

    cp-algorithms/cp-algorithms

    10,805عرض على 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
    عرض على GitHub↗10,805
  • gorhom/react-native-bottom-sheetالصورة الرمزية لـ gorhom

    gorhom/react-native-bottom-sheet

    9,003عرض على 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
    عرض على GitHub↗9,003
  • emilkowalski/vaulالصورة الرمزية لـ emilkowalski

    emilkowalski/vaul

    8,426عرض على 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
    عرض على GitHub↗8,426
  • huntabyte/shadcn-svelteالصورة الرمزية لـ huntabyte

    huntabyte/shadcn-svelte

    8,341عرض على 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
    عرض على GitHub↗8,341
  • google/accompanistالصورة الرمزية لـ google

    google/accompanist

    7,824عرض على 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
    عرض على GitHub↗7,824
  • nisrulz/flutter-examplesالصورة الرمزية لـ nisrulz

    nisrulz/flutter-examples

    7,148عرض على 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
    عرض على GitHub↗7,148
  • facebook/saplingالصورة الرمزية لـ facebook

    facebook/sapling

    6,885عرض على 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
    عرض على GitHub↗6,885
  • rey5137/materialالصورة الرمزية لـ rey5137

    rey5137/material

    5,955عرض على 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
    عرض على GitHub↗5,955
  • scenee/floatingpanelالصورة الرمزية لـ SCENEE

    SCENEE/FloatingPanel

    5,813عرض على GitHub↗

    FloatingPanel هو مكون Swift UI لـ iOS يوفر ورقة سفلية تفاعلية ومدير لوحة. يعمل كتحكم عرض مشروط يسمح للمطورين بعرض حاويات عائمة للمحتوى ذي الصلة والأدوات بجانب الشاشة الرئيسية. يستخدم النظام نظام تثبيت مغناطيسي لتثبيت اللوحات في مواضع رأسية محددة مسبقاً ويدعم إدارة لوحات متعددة داخل عرض واحد. ويقوم بمزامنة موضع اللوحة مع سلوك التمرير للعروض الداخلية لتنسيق الحركة أثناء تفاعل المستخدم. يغطي المشروع إمكانات لتتبع الموضع القائم على الإيماءات، وحسابات التخطيط المدفوعة بالحالة، وإرسال الأحداث القائم على التفويض. تُستخدم هذه العناصر لتنفيذ شاشات محتوى سياقية، ونوافذ مشروطة مخصصة، وواجهات تفاعلية قائمة على الخرائط.

    Synchronizes a bottom sheet's pan gesture with the scrolling behavior of its internal content.

    Swift
    عرض على GitHub↗5,813
  • dillidon/alerts-and-pickersالصورة الرمزية لـ dillidon

    dillidon/alerts-and-pickers

    5,759عرض على GitHub↗

    هذا المشروع عبارة عن إطار عمل لمكونات واجهة المستخدم القابلة لإعادة الاستخدام والإضافات المصممة لدمج المدخلات المهيكلة وقوائم التحديد في وحدات تحكم التنبيه الأصلية لنظام iOS. يوفر مكتبة من حقول النص القابلة للتخصيص وواجهات اختيار متخصصة يتم تضمينها مباشرة داخل مربعات حوار التنبيه الخاصة بالنظام. يتميز إطار العمل بحقن وحدات تحكم عرض خارجية في حاويات التنبيه، مما يتيح استخدام واجهات معقدة مثل الخرائط ومنتقي التواريخ. كما يتضمن أدوات تكامل متخصصة لتضمين واجهات اختيار للصور، وجهات الاتصال، والمواقع مباشرة من تطبيق المراسلة Telegram. تغطي مجموعة الأدوات مجموعة واسعة من قدرات الاختيار، بما في ذلك متصفحات مكتبة الصور، ومنتقي الألوان، ومحددات جهات الاتصال. كما تدعم جمع الإعدادات الإقليمية من خلال منتقي مخصص للبلدان، ورموز الهاتف، والعملات، مع تقديم عرض نصي منسوب لعرض المحتوى المنسق.

    Calculates and adjusts the height of the alert content area based on the size of the embedded picker.

    Swift
    عرض على GitHub↗5,759
  • researchkit/researchkitالصورة الرمزية لـ ResearchKit

    ResearchKit/ResearchKit

    5,732عرض على 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
    عرض على GitHub↗5,732
  • react-native-modal/react-native-modalالصورة الرمزية لـ react-native-modal

    react-native-modal/react-native-modal

    5,657عرض على GitHub↗

    هذه مكتبة تراكب واجهة مستخدم للجوال لـ React Native توفر مكوناً مشروطاً (modal) متحركاً. تعمل كعنصر واجهة مستجيب للإيماءات يُستخدم لتقديم محتوى إضافي عبر نوافذ تراكب تدعم انتقالات مخصصة وتعديلات تخطيط ديناميكية. تتميز المكتبة بمراقب تخطيط ديناميكي يقوم تلقائياً بتغيير حجم المكونات وإعادة تموضعها أثناء تدوير الشاشة أو عند ظهور لوحة المفاتيح على الشاشة. وتطبق تنقلاً يعتمد على الإيماءات، مما يسمح للمستخدمين بإغلاق التراكبات من خلال إيماءات السحب المكونة وتفاعلات الخلفية. يغطي المشروع تنسيق الرسوم المتحركة والانتقالات، بما في ذلك خطافات دورة الحياة التي تنفذ ردود الاتصال قبل وبعد رسوم النوافذ المتحركة. كما يتضمن أدوات لتخصيص الخلفية وإدارة المحتوى القابل للتمرير لمنع تعارضات التفاعل أثناء إجراءات السحب للإغلاق.

    Handles scroll offsets and touch event propagation for oversized content within modal windows.

    TypeScriptandroidanimatedanimation
    عرض على GitHub↗5,657
  • react-native-community/react-native-modalالصورة الرمزية لـ react-native-community

    react-native-community/react-native-modal

    5,656عرض على GitHub↗

    هذا المشروع عبارة عن مكون واجهة مستخدم متعدد المنصات لتطبيقات React Native يوفر نافذة تراكب قابلة للتخصيص لتقديم المحتوى فوق واجهات التطبيق الحالية. يعمل كمكتبة لإدارة المكونات المشروطة (modal) المتحركة، والخلفيات، وانتقالات الجوال. يتميز المكون بدعم رسوم متحركة مخصصة للدخول والخروج وخلفيات قابلة للتكوين بدرجة عالية، مما يسمح بتعديل الشفافية واللون ودمج عناصر مخصصة. كما يطبق إغلاقاً يعتمد على الإيماءات، مما يمكن المستخدمين من إغلاق التراكبات عبر نقرات الخلفية أو السحب في اتجاهات محددة. تتعامل المكتبة مع تحديات الواجهة الخاصة بالجوال، بما في ذلك تموضع لوحة المفاتيح التكيفي لإبقاء المحتوى مرئياً عند فتح لوحة المفاتيح البرمجية وتنسيق إيماءات السحب مع المحتوى القابل للتمرير الداخلي. كما توفر ردود اتصال لدورة الحياة يتم تفعيلها أثناء تسلسلات الرسوم المتحركة وأحداث النظام.

    Coordinates internal scrollable views within the modal to prevent conflicts with swipe-to-close gestures.

    TypeScript
    عرض على GitHub↗5,656
  • alexaubry/bulletinboardالصورة الرمزية لـ alexaubry

    alexaubry/BulletinBoard

    5,348عرض على GitHub↗

    BulletinBoard is a SwiftUI component library and interface framework for iOS. It provides a set of reusable elements designed to render interactive, accessible information cards at the bottom of a screen to guide users through onboarding and configuration tasks. The framework functions as an onboarding UI kit, offering pre-defined card templates and the ability to create custom layout structures. These components are built with integrated accessibility support to ensure that interface updates and interaction states are announced to screen readers and assistive controllers. The library covers

    Implements slide-up panels at the bottom of the screen to present onboarding and configuration content.

    Swift
    عرض على GitHub↗5,348
  • gluestack/gluestack-uiالصورة الرمزية لـ gluestack

    gluestack/gluestack-ui

    4,931عرض على 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
    عرض على GitHub↗4,931
  • ionicfirebaseapp/getwidgetالصورة الرمزية لـ ionicfirebaseapp

    ionicfirebaseapp/getwidget

    4,819عرض على 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
    عرض على GitHub↗4,819
السابق12التالي
  1. Home
  2. User Interface & Experience
  3. Bottom Sheets

استكشف الوسوم الفرعية

  • 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 وسم فرعيAutomatically 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 وسم فرعيAutomatically 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 وسوم فرعيةWrapping 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 وسم فرعيEmbedding 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.