awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
moroshko avatar

moroshko/react-autosuggest

0
View on GitHub↗

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
react-autosuggest.js.org
↗

React Autosuggest

React Autosuggest is a fully controlled React component that provides an autocomplete input with a dropdown of suggestions as the user types. It delegates all state management to the parent component through callbacks, making it compatible with state management patterns like Flux or Redux. The component implements WAI-ARIA accessibility patterns, including keyboard navigation with arrow keys, Enter, and Escape, along with live region integration for screen reader announcements.

The component offers extensive customization through render-prop functions, allowing developers to replace the default input element and control how each suggestion is rendered, including support for grouped sections with headers. It provides scroll isolation within the suggestions container, preventing page scrolling when the list reaches its boundary. Styling can be applied through a theme object that works with any CSS solution, including CSS Modules, Radium, or JSS.

The component gives developers control over when suggestions are displayed, such as after a minimum character count or based on custom logic, and supports automatic highlighting of matched text. It handles long suggestion lists by rendering them in a scrollable container, and provides direct access to the underlying input element for DOM manipulation.

Features

  • Autocomplete Inputs - Provides a fully controlled autocomplete input with filtered suggestions as the user types.
  • Keyboard and Navigation - Supports full keyboard navigation with arrow keys, Enter, and Escape for suggestion selection.
  • Keyboard-Accessible - Implements full keyboard navigation with arrow keys, Enter, and Escape for suggestion selection.
  • Custom Suggestion Templates - Allows replacing the default input and suggestion container with custom rendering logic.
5,940 stars·570 forks·JavaScript·MIT·16 views
  • Keyboard Navigation State Machines - Ships an internal state machine for keyboard-driven suggestion navigation and selection.
  • Autocomplete Components - Provides a fully controlled React autocomplete input with a dropdown of suggestions as the user types.
  • Controlled - Ships a fully controlled React autocomplete component that delegates all state management to parent callbacks.
  • Customizable Suggestion Renderers - Provides render-prop functions for fully customizing suggestion markup, grouped sections, and styling.
  • Controlled Components - Delegates all state management to the parent via callbacks, implementing a fully controlled component pattern.
  • Render Props - Exposes render props for input and suggestion rendering, giving full markup and style control.
  • Controlled Component State Integrations - Ships a fully controlled React autocomplete component that delegates all state management to parent callbacks for Flux or Redux integration.
  • Keyboard-Accessible Autocomplete - Provides keyboard-accessible autocomplete with ARIA attributes for screen reader navigation.
  • Screen Reader Accessibility - Announces each suggestion to screen readers with full keyboard navigation for selection.
  • Screen Reader Live Regions - Delivers screen reader announcements through ARIA live regions that update as suggestions appear.
  • WAI-ARIA Frameworks - Implements WAI-ARIA accessibility patterns with keyboard navigation and screen reader announcements.
  • Autocomplete State Controllers - Delegates all autocomplete state management to parent callbacks for seamless Flux or Redux integration.
  • Input Suggestions - Provides a scrollable suggestion container for long lists of autocomplete options.
  • Sectioned Suggestion Groups - Supports rendering suggestions in grouped sections with headers for better organization.
  • Suggestion Visibility Controls - Controls when suggestions appear, such as after a minimum character count or based on custom logic.
  • Grouped List Sections - Renders suggestions as grouped sections with headers for organized browsing.
  • Custom Input Overrides - Allows replacing the default input element with a fully custom component for UI library integration.
  • Container Scroll Isolations - Isolates scroll inside the suggestions container to prevent page scrolling at boundaries.
  • Scroll Boundary Event Captures - Captures wheel events when the suggestion container reaches its scroll boundary to isolate scrolling.
  • Container Scroll Isolations - Isolates scroll within the suggestions container to prevent page scrolling at boundaries.
  • Scrollable Form Lists - Renders the suggestion list inside a scrollable container to keep long lists usable.
  • Scroll-Isolated Suggestion Lists - Isolates scroll within the suggestions container to prevent page scrolling when the list boundary is reached.
  • CSS Styling - Applies custom styles via a theme object compatible with CSS Modules, Radium, Aphrodite, or JSS.
  • Form Controls - WAI-ARIA compliant autosuggest component.

    • Star history

    Star history chart for moroshko/react-autosuggestStar history chart for moroshko/react-autosuggest

    How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

    Frequently asked questions

    What does moroshko/react-autosuggest do?

    React Autosuggest is a fully controlled React component that provides an autocomplete input with a dropdown of suggestions as the user types. It delegates all state management to the parent component through callbacks, making it compatible with state management patterns like Flux or Redux. The component implements WAI-ARIA accessibility patterns, including keyboard navigation with arrow keys, Enter, and Escape, along with live region integration for screen reader…

    What are the main features of moroshko/react-autosuggest?

    The main features of moroshko/react-autosuggest are: Autocomplete Inputs, Keyboard and Navigation, Keyboard-Accessible, Custom Suggestion Templates, Keyboard Navigation State Machines, Autocomplete Components, Controlled, Customizable Suggestion Renderers.

    Which projects share features with moroshko/react-autosuggest?

    Projects with overlapping indexed features include: reactjs/react-autocomplete — This library provides a React component for building accessible combobox and autocomplete inputs. It is designed to… downshift-js/downshift — Downshift is a headless UI component library and framework for React that provides the state and interaction… mui/base-ui — Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples… devbridge/jquery-autocomplete — This library is a JavaScript plugin that enhances standard text input fields with real-time, predictive search… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a… northwoodssoftware/gojs — GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts,…

    Projects sharing features with React Autosuggest

    These projects share indexed features with React Autosuggest. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
    • reactjs/react-autocompletereactjs avatar

      reactjs/react-autocomplete

      2,159View on GitHub↗

      This library provides a React component for building accessible combobox and autocomplete inputs. It is designed to display dynamic search suggestions as users type, facilitating data selection from large sets while adhering to established accessibility standards for screen readers and keyboard navigation. The component distinguishes itself through a highly flexible architecture that allows developers to define custom visual layouts for both the input field and the suggestion menu. By utilizing render prop composition and custom rendering interfaces, it enables the injection of unique UI logi

      JavaScript
      View on GitHub↗2,159
    • downshift-js/downshiftdownshift-js avatar

      downshift-js/downshift

      12,295View on GitHub↗

      Downshift is a headless UI component library and framework for React that provides the state and interaction primitives necessary to build accessible autocomplete, combobox, and select dropdown components. It functions as a WAI-ARIA UI framework, generating the required ARIA attributes and keyboard event handlers to ensure screen reader compliance without providing any default styling. The library utilizes a headless component pattern to decouple interaction logic from the visual presentation. It manages complex state transitions through reducers and synchronizes internal UI state with extern

      JavaScriptaccessibleautocompleteautosuggest
      View on GitHub↗12,295
    • mui/base-uimui avatar

      mui/base-ui

      8,711View on GitHub↗

      Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

      TypeScriptaccessibilitydesign-systemreact
      View on GitHub↗8,711
    • devbridge/jquery-autocompletedevbridge avatar

      devbridge/jQuery-Autocomplete

      3,542View on GitHub↗

      This library is a JavaScript plugin that enhances standard text input fields with real-time, predictive search suggestions. It functions as a reusable interface component that monitors user input to display dynamic dropdown menus, allowing for the selection of data from either local arrays or remote server endpoints. The plugin distinguishes itself through its ability to manage asynchronous data retrieval, utilizing request orchestration and debouncing to optimize network traffic. It provides granular control over the suggestion lifecycle and rendering, allowing developers to define custom HT

      JavaScriptajax-autocompleteautocompleteautosuggest
      View on GitHub↗3,542
    Compare all 30 related projects→