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
·

9 repository-uri

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

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

    mantinedev/mantine

    31,263Vezi pe GitHub↗

    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
    Vezi pe GitHub↗31,263
  • react-dropzone/react-dropzoneAvatar react-dropzone

    react-dropzone/react-dropzone

    10,985Vezi pe GitHub↗

    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
    Vezi pe GitHub↗10,985
  • okonet/react-dropzoneAvatar okonet

    okonet/react-dropzone

    10,985Vezi pe GitHub↗

    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
    Vezi pe GitHub↗10,985
  • buuing/lucky-canvasAvatar buuing

    buuing/lucky-canvas

    8,728Vezi pe GitHub↗

    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
    Vezi pe GitHub↗8,728
  • ripple-ts/rippleAvatar Ripple-TS

    Ripple-TS/ripple

    7,379Vezi pe GitHub↗

    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
    Vezi pe GitHub↗7,379
  • kartik-v/bootstrap-fileinputAvatar kartik-v

    kartik-v/bootstrap-fileinput

    5,350Vezi pe GitHub↗

    bootstrap-fileinput este un widget și plugin HTML5 pentru încărcarea fișierelor, compatibil cu Bootstrap. Oferă o interfață personalizabilă pentru selectarea și încărcarea mai multor fișiere, având previzualizări integrate pentru imagini, suport pentru drag-and-drop și validare client-side pentru tipurile, dimensiunile și numărul de fișiere. Proiectul include un client de încărcare a fișierelor care poate fi reluat (resumable), care fragmentează fișierele mari în bucăți pentru a asigura stabilitatea pe conexiuni intermitente și pentru a permite întreruperea și reluarea transferurilor. De asemenea, dispune de un procesor de imagini client-side capabil să redimensioneze imaginile și să citească metadatele EXIF pentru a corecta automat orientarea imaginii înainte de transmisie. Sistemul acoperă o gamă largă de capabilități, inclusiv transferuri asincrone de fișiere cu urmărirea progresului în timp real, încărcări recursive de foldere și randarea documentelor PDF. Interfața suportă o personalizare extinsă prin template-uri de layout, teme personalizate și localizare multi-limbaj cu suport pentru orientarea de la dreapta la stânga.

    Implements a customizable HTML5 file input component for validating file types, sizes, and counts.

    JavaScriptajax-uploadbootstrapbootstrap-fileinput
    Vezi pe GitHub↗5,350
  • coreui/coreui-free-react-admin-templateAvatar coreui

    coreui/coreui-free-react-admin-template

    4,940Vezi pe GitHub↗

    Acest proiect este un șablon administrativ bazat pe React și un kit UI conceput pentru construirea de dashboard-uri. Oferă o colecție cuprinzătoare de layout-uri pre-stilizate, o bibliotecă de componente accesibile și un framework UI bazat pe Sass pentru crearea interfețelor administrative. Șablonul este structurat în mod specific ca un proiect optimizat pentru AI, utilizând tipare de codare și organizare concepute pentru a ajuta asistenții AI să genereze cod React consistent și gata de producție. Dispune de un sistem de stilizare flexibil folosind variabile Sass și proprietăți personalizate CSS pentru a suporta teme personalizabile light și dark. Kit-ul acoperă o gamă largă de capabilități de interfață, inclusiv widget-uri de vizualizare a datelor, tabele interactive cu sortare și paginare, și elemente de formular complexe precum wizard-uri multi-pas. Include sisteme de navigare de nivel înalt, cum ar fi bare laterale și breadcrumbs, precum și componente structurale precum grile responsive, dialoguri modale și interfețe de calendar accesibile.

    Provides specialized input fields that allow users to select and upload local files.

    JavaScriptadminadmin-dashboardadmin-panel
    Vezi pe GitHub↗4,940
  • lycheeverse/lycheeAvatar lycheeverse

    lycheeverse/lychee

    3,729Vezi pe GitHub↗

    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
    Vezi pe GitHub↗3,729
  • knadh/oatAvatar knadh

    knadh/oat

    3,394Vezi pe GitHub↗

    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
    Vezi pe GitHub↗3,394
  1. Home
  2. User Interface & Experience
  3. File Inputs

Explorează sub-etichetele

  • 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.