awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

9 Repos

Awesome GitHub RepositoriesFile Inputs

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.

Awesome File Inputs GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • mantinedev/mantineAvatar von mantinedev

    mantinedev/mantine

    31,263Auf GitHub ansehen↗

    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.

    TypeScriptdark-modedark-themehooks
    Auf GitHub ansehen↗31,263
  • react-dropzone/react-dropzoneAvatar von react-dropzone

    react-dropzone/react-dropzone

    10,985Auf GitHub ansehen↗

    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.

    JavaScriptdrag-and-dropfilefile-upload
    Auf GitHub ansehen↗10,985
  • okonet/react-dropzoneAvatar von okonet

    okonet/react-dropzone

    10,985Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗10,985
  • buuing/lucky-canvasAvatar von buuing

    buuing/lucky-canvas

    8,728Auf GitHub ansehen↗

    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.

    TypeScriptcanvasjavascriptlucky-draw
    Auf GitHub ansehen↗8,728
  • ripple-ts/rippleAvatar von Ripple-TS

    Ripple-TS/ripple

    7,379Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗7,379
  • kartik-v/bootstrap-fileinputAvatar von kartik-v

    kartik-v/bootstrap-fileinput

    5,350Auf GitHub ansehen↗

    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.

    JavaScriptajax-uploadbootstrapbootstrap-fileinput
    Auf GitHub ansehen↗5,350
  • coreui/coreui-free-react-admin-templateAvatar von coreui

    coreui/coreui-free-react-admin-template

    4,940Auf GitHub ansehen↗

    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.

    JavaScriptadminadmin-dashboardadmin-panel
    Auf GitHub ansehen↗4,940
  • lycheeverse/lycheeAvatar von lycheeverse

    lycheeverse/lychee

    3,729Auf GitHub ansehen↗

    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.

    Rust
    Auf GitHub ansehen↗3,729
  • knadh/oatAvatar von knadh

    knadh/oat

    3,394Auf GitHub ansehen↗

    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.

    CSScomponent-librarycss-frameworkui-components
    Auf GitHub ansehen↗3,394
  1. Home
  2. User Interface & Experience
  3. File Inputs

Unter-Tags erkunden

  • EnhancedWrapping standard file inputs with drag-and-drop, preview, validation, and progress feedback using minimal JavaScript. **Distinct from File Inputs:** Distinct from general File Inputs: adds drag-and-drop, preview, validation, and progress feedback on top of native file inputs.
  • Programmatic Triggers1 Sub-TagMechanisms to trigger native file selection dialogs through programmatic interaction with hidden elements. **Distinct from File Inputs:** Focuses on the programmatic triggering of the input rather than the input component itself
  • Reactive File Input SynchronizationTwo-way synchronization between a reactive variable and the files selected in a file input. **Distinct from File Inputs:** Focuses on the state synchronization logic, whereas File Inputs are the UI components.