9 Repos
Components designed for selecting and uploading local files through the browser.
Distinguishing note: No candidates provided; minting under UI umbrella as a standard input control.
Explore 9 awesome GitHub repositories matching user interface & experience · File Inputs. Refine with filters or upvote what's useful.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Provides a dedicated form input component for capturing user files.
react-dropzone is a React hook and HTML5 drag-and-drop wrapper used to create interactive areas that accept files via drag-and-drop or a native system file picker. It serves as a web file system interface, bridging browser interfaces with the operating system's file selection process. The project distinguishes itself by managing complex event propagation to isolate drop zones and providing global drag-state detection for document-wide visual feedback. It supports both traditional hidden input triggers and the modern browser File System Access API for secure context integration, and it can det
Uses a hidden input bridge to programmatically trigger the native system file selection dialog.
react-dropzone is a reusable React UI component for implementing HTML5 drag-and-drop file transfers. It provides a React file upload component that manages file selection and drop zone states within a web application. The project enables the creation of interactive file upload interfaces where users can drag files from their local system or select them via a file browser. It integrates with the native system file picker dialog and supports the File System Access API.
Enables the creation of custom file upload interfaces that replace default browser input elements.
Lucky Canvas is a canvas-based lottery component library that enables developers to build interactive prize wheels, grid-based lottery games, and slot machines for web and mobile applications. The project provides a rendering engine that draws directly on HTML Canvas elements, with automatic device pixel ratio scaling to ensure crisp displays on high-DPI mobile screens. The library packages each lottery type as a self-contained plugin with its own configuration and rendering logic, and wraps the core canvas functionality in framework-specific bindings for Vue, React, Taro, and UniApp without
Starts wheel animations programmatically and stops at specified prize indices after async results.
Ripple is a full-stack TypeScript web framework and reactive UI library used for building interfaces with server-side rendering. It organizes user interfaces into a hierarchy of reusable, scoped components with built-in state management and client-side hydration. The framework is distinguished by its fine-grained reactivity, which updates specific DOM elements without requiring full component re-renders. It integrates server-side logic and client-side components within a single TypeScript codebase, enabling a unified full-stack development workflow. The system covers a broad range of capabil
Creates a two-way connection between a tracked variable and files selected in a file input.
bootstrap-fileinput ist ein Bootstrap-kompatibles HTML5-Datei-Upload-Widget und Plugin. Es bietet ein anpassbares Interface für die Auswahl und den Upload mehrerer Dateien, inklusive integrierter Bildvorschau, Drag-and-Drop-Unterstützung und clientseitiger Validierung für Dateitypen, -größen und -anzahl. Das Projekt enthält einen Client für fortsetzbare Datei-Uploads, der große Dateien in Chunks zerlegt, um Stabilität bei instabilen Verbindungen zu gewährleisten und Übertragungen zu pausieren und fortzusetzen. Es verfügt zudem über einen clientseitigen Bildprozessor, der Bilder skalieren und EXIF-Metadaten lesen kann, um die Bildausrichtung vor der Übertragung automatisch zu korrigieren. Das System deckt ein breites Spektrum an Funktionen ab, einschließlich asynchroner Dateiübertragungen mit Echtzeit-Fortschrittsanzeige, rekursiven Ordner-Uploads und PDF-Dokument-Rendering. Das Interface unterstützt umfangreiche Anpassungen durch Layout-Templates, benutzerdefinierte Themes und mehrsprachige Lokalisierung mit Unterstützung für rechtsläufige (RTL) Schreibrichtungen.
Implements a customizable HTML5 file input component for validating file types, sizes, and counts.
Dieses Projekt ist ein React-basiertes Admin-Template und UI-Kit, das für den Aufbau von Dashboards entwickelt wurde. Es bietet eine umfassende Sammlung vorgestylter Layouts, eine zugängliche Komponentenbibliothek und ein Sass-basiertes UI-Framework für die Erstellung administrativer Interfaces. Das Template ist spezifisch als KI-optimiertes Projekt strukturiert und nutzt Coding-Muster und Organisation, die darauf ausgelegt sind, KI-Assistenten bei der Generierung konsistenter, produktionsreifer React-Codes zu unterstützen. Es verfügt über ein flexibles Styling-System unter Verwendung von Sass-Variablen und CSS-Custom-Properties, um anpassbare helle und dunkle Themen zu unterstützen. Das Kit deckt ein breites Spektrum an Interface-Funktionen ab, einschließlich Datenvisualisierungs-Widgets, interaktiven Tabellen mit Sortierung und Paginierung sowie komplexen Formularelementen wie Multi-Step-Wizards. Es enthält übergeordnete Navigationssysteme wie Sidebars und Breadcrumbs sowie strukturelle Komponenten wie responsive Grids, modale Dialoge und zugängliche Kalender-Interfaces.
Provides specialized input fields that allow users to select and upload local files.
Lychee is a command line link checker written in Rust that scans websites and local files to identify broken hyperlinks and invalid email addresses. It functions as an asynchronous link validator and static site auditor designed to ensure content accessibility and quality. The tool features disk-based response caching to accelerate subsequent scans and avoid redundant network requests. It supports token-based API authentication for services like GitHub to bypass rate limits when verifying links on remote repositories. The project covers a range of capabilities including multi-format content
Handles input files by executing preprocessing shell commands before extracting links.
Oat is a CSS variable-driven UI kit and semantic HTML component library that styles native HTML elements and attributes contextually, eliminating the need for CSS classes and reducing markup bloat. It provides a complete theming system where all visual properties are defined as CSS custom properties, allowing dark mode toggling and custom color themes by setting a single data attribute on the root element. The library delivers interactive UI elements as zero-dependency WebComponents that require no framework, build tool, or external library, while also offering declarative scroll animations t
Wraps standard file inputs with drag-and-drop, preview, validation, and progress feedback using minimal JavaScript.