JavaScript UI Utilites

Open-source JavaScript projects categorized as UI Utilites Edit details

Top 23 JavaScript UI Utilite Projects

  • react-helmet

    A document head manager for React

    Project mention: Best NPM Package for React.js Part - 2 | | 2022-06-24
  • react-waypoint

    A React component to execute a function whenever you scroll to an element.

    Project mention: I made a tool that lets you add scrolling animations to your websites! | | 2022-02-06

    For react:

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-visibility-sensor

    Sensor component for React that notifies you when it goes in or out of the window viewport.

    Project mention: Best NPM Package for React.js Part - 2 | | 2022-06-24
  • react-portal

    🎯 React component for transportation of modals, lightboxes, loading bars... to document.body or else.

  • react-hotkeys

    Declarative hotkey and focus area management for React

    Project mention: React Awesome Components | | 2021-12-06

    react-hotkeys - Declarative hotkey and focus area management for React

  • react-measure

    📏 Compute measurements of a React component.

    Project mention: What is the order of MutationRecords received by MutationObservers? | | 2022-05-14

    The code from react-measure takes advantage of the new MutationObservers present in current browsers. MSDN has this to say about it:

  • react-document-title

    Declarative, nested, stateful, isomorphic document.title for React

    Project mention: How to manage title, meta tags, etc, inside React with server rendering + streaming? | | 2022-04-10


  • JetBrains

    Developer Ecosystem Survey 2022. Take part in the Developer Ecosystem Survey 2022 by JetBrains and get a chance to win a Macbook, a Nvidia graphics card, or other prizes. We’ll create an infographic full of stats, and you’ll get personalized results so you can compare yourself with other developers.

  • react-sizeme

    Make your React Components aware of their width and height!

    Project mention: Is there any way to add a listener/function call to every single component? | | 2021-12-04

    I use this library and it works well for me:

  • react-swipe

    :left_right_arrow: Swipe.js as a React component

  • react-hammerjs

    ReactJS / HammerJS integration. Support touch events in your React app.

  • react-tappable

    Tappable component for React

  • react-gateway

    Render React DOM into a new context (aka "Portal")

  • react-keydown

    Lightweight keydown wrapper for React components

  • react-dimensions

    [Looking for maintainers]

  • react-ab

    Simple declarative and universal A/B testing component for React.

  • react-key-handler

    React component to handle keyboard events :key:

  • react-document-meta

    HTML meta tags for React-based apps. Works for both client- and server-side rendering, and has a strict but flexible API.

  • react-shortcuts

    Manage keyboard shortcuts from one place

  • react-experiments

    React components for implementing UI experiments

  • react-container-dimensions

    Wrapper component that detects element resize and passes new dimensions down the tree. Based on

  • react-component-queries

    Provide props to your React Components based on their Width and/or Height.

  • react-height

    Component-wrapper to determine and report children elements height

  • react-layer-stack

    Layering system for React. Useful for popover/modals/tooltip/dnd application

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-06-24.

JavaScript UI Utilites related posts


What are some of the best open-source UI Utilite projects in JavaScript? This list will help you:

Project Stars
1 react-helmet 16,322
2 react-waypoint 3,949
3 react-visibility-sensor 2,230
4 react-portal 2,054
5 react-hotkeys 2,004
6 react-measure 1,895
7 react-document-title 1,875
8 react-sizeme 1,833
9 react-swipe 1,648
10 react-hammerjs 926
11 react-tappable 857
12 react-gateway 562
13 react-keydown 501
14 react-dimensions 453
15 react-ab 431
16 react-key-handler 385
17 react-document-meta 320
18 react-shortcuts 318
19 react-experiments 315
20 react-container-dimensions 219
21 react-component-queries 179
22 react-height 174
23 react-layer-stack 155
Find remote jobs at our new job board There are 4 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.