24 مستودعات
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 هو مكون Swift UI لـ iOS يوفر ورقة سفلية تفاعلية ومدير لوحة. يعمل كتحكم عرض مشروط يسمح للمطورين بعرض حاويات عائمة للمحتوى ذي الصلة والأدوات بجانب الشاشة الرئيسية. يستخدم النظام نظام تثبيت مغناطيسي لتثبيت اللوحات في مواضع رأسية محددة مسبقاً ويدعم إدارة لوحات متعددة داخل عرض واحد. ويقوم بمزامنة موضع اللوحة مع سلوك التمرير للعروض الداخلية لتنسيق الحركة أثناء تفاعل المستخدم. يغطي المشروع إمكانات لتتبع الموضع القائم على الإيماءات، وحسابات التخطيط المدفوعة بالحالة، وإرسال الأحداث القائم على التفويض. تُستخدم هذه العناصر لتنفيذ شاشات محتوى سياقية، ونوافذ مشروطة مخصصة، وواجهات تفاعلية قائمة على الخرائط.
Synchronizes a bottom sheet's pan gesture with the scrolling behavior of its internal content.
هذا المشروع عبارة عن إطار عمل لمكونات واجهة المستخدم القابلة لإعادة الاستخدام والإضافات المصممة لدمج المدخلات المهيكلة وقوائم التحديد في وحدات تحكم التنبيه الأصلية لنظام iOS. يوفر مكتبة من حقول النص القابلة للتخصيص وواجهات اختيار متخصصة يتم تضمينها مباشرة داخل مربعات حوار التنبيه الخاصة بالنظام. يتميز إطار العمل بحقن وحدات تحكم عرض خارجية في حاويات التنبيه، مما يتيح استخدام واجهات معقدة مثل الخرائط ومنتقي التواريخ. كما يتضمن أدوات تكامل متخصصة لتضمين واجهات اختيار للصور، وجهات الاتصال، والمواقع مباشرة من تطبيق المراسلة Telegram. تغطي مجموعة الأدوات مجموعة واسعة من قدرات الاختيار، بما في ذلك متصفحات مكتبة الصور، ومنتقي الألوان، ومحددات جهات الاتصال. كما تدعم جمع الإعدادات الإقليمية من خلال منتقي مخصص للبلدان، ورموز الهاتف، والعملات، مع تقديم عرض نصي منسوب لعرض المحتوى المنسق.
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.
هذه مكتبة تراكب واجهة مستخدم للجوال لـ React Native توفر مكوناً مشروطاً (modal) متحركاً. تعمل كعنصر واجهة مستجيب للإيماءات يُستخدم لتقديم محتوى إضافي عبر نوافذ تراكب تدعم انتقالات مخصصة وتعديلات تخطيط ديناميكية. تتميز المكتبة بمراقب تخطيط ديناميكي يقوم تلقائياً بتغيير حجم المكونات وإعادة تموضعها أثناء تدوير الشاشة أو عند ظهور لوحة المفاتيح على الشاشة. وتطبق تنقلاً يعتمد على الإيماءات، مما يسمح للمستخدمين بإغلاق التراكبات من خلال إيماءات السحب المكونة وتفاعلات الخلفية. يغطي المشروع تنسيق الرسوم المتحركة والانتقالات، بما في ذلك خطافات دورة الحياة التي تنفذ ردود الاتصال قبل وبعد رسوم النوافذ المتحركة. كما يتضمن أدوات لتخصيص الخلفية وإدارة المحتوى القابل للتمرير لمنع تعارضات التفاعل أثناء إجراءات السحب للإغلاق.
Handles scroll offsets and touch event propagation for oversized content within modal windows.
هذا المشروع عبارة عن مكون واجهة مستخدم متعدد المنصات لتطبيقات React Native يوفر نافذة تراكب قابلة للتخصيص لتقديم المحتوى فوق واجهات التطبيق الحالية. يعمل كمكتبة لإدارة المكونات المشروطة (modal) المتحركة، والخلفيات، وانتقالات الجوال. يتميز المكون بدعم رسوم متحركة مخصصة للدخول والخروج وخلفيات قابلة للتكوين بدرجة عالية، مما يسمح بتعديل الشفافية واللون ودمج عناصر مخصصة. كما يطبق إغلاقاً يعتمد على الإيماءات، مما يمكن المستخدمين من إغلاق التراكبات عبر نقرات الخلفية أو السحب في اتجاهات محددة. تتعامل المكتبة مع تحديات الواجهة الخاصة بالجوال، بما في ذلك تموضع لوحة المفاتيح التكيفي لإبقاء المحتوى مرئياً عند فتح لوحة المفاتيح البرمجية وتنسيق إيماءات السحب مع المحتوى القابل للتمرير الداخلي. كما توفر ردود اتصال لدورة الحياة يتم تفعيلها أثناء تسلسلات الرسوم المتحركة وأحداث النظام.
Coordinates internal scrollable views within the modal to prevent conflicts with swipe-to-close gestures.
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.
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.