Top 23 JavaScript UI Utilite Projects

• react-helmet

  23 16,322 0.0 JavaScript

  A document head manager for React

  

  Project mention: Best NPM Package for React.js Part - 2 | dev.to | 2022-06-24

• react-waypoint

  1 3,949 0.0 JavaScript

  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! | reddit.com/r/webdev | 2022-02-06

  For react: https://www.npmjs.com/package/react-waypoint

• Appwrite

  appwrite.io

  sponsored

  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

  1 2,230 0.0 JavaScript

  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 | dev.to | 2022-06-24

• react-portal

  0 2,054 3.7 JavaScript

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

• react-hotkeys

  1 2,004 0.0 JavaScript

  Declarative hotkey and focus area management for React

  Project mention: React Awesome Components | dev.to | 2021-12-06

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

• react-measure

  2 1,895 0.0 JavaScript

  📏 Compute measurements of a React component.

  Project mention: What is the order of MutationRecords received by MutationObservers? | reddit.com/r/codehunter | 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

  3 1,875 0.0 JavaScript

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

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

  react-document-title

• JetBrains

  surveys.jetbrains.com

  sponsored

  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

  2 1,833 2.2 JavaScript

  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? | reddit.com/r/react | 2021-12-04

  I use this library and it works well for me: https://github.com/ctrlplusb/react-sizeme

• react-swipe

  0 1,648 0.0 JavaScript

  :left_right_arrow: Swipe.js as a React component

• react-hammerjs

  0 926 0.0 JavaScript

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

• react-tappable

  0 857 0.0 JavaScript

  Tappable component for React

• react-gateway

  0 562 0.0 JavaScript

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

  

• react-keydown

  0 501 3.1 JavaScript

  Lightweight keydown wrapper for React components

• react-dimensions

  0 453 0.0 JavaScript

  [Looking for maintainers]

  

• react-ab

  0 431 0.0 JavaScript

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

• react-key-handler

  0 385 0.0 JavaScript

  React component to handle keyboard events :key:

• react-document-meta

  0 320 0.0 JavaScript

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

  

• react-shortcuts

  0 318 0.0 JavaScript

  Manage keyboard shortcuts from one place

  

• react-experiments

  0 315 1.0 JavaScript

  React components for implementing UI experiments

• react-container-dimensions

  0 219 0.0 JavaScript

  Wrapper component that detects element resize and passes new dimensions down the tree. Based on https://github.com/wnr/element-resize-detector

• react-component-queries

  0 179 0.0 JavaScript

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

• react-height

  0 174 0.0 JavaScript

  Component-wrapper to determine and report children elements height

• react-layer-stack

  0 155 0.4 JavaScript

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

JavaScript UI Utilites related posts

• Best NPM Package for React.js Part - 2
  18 projects | dev.to | 24 Jun 2022
• how to link js in jsx file
  1 project | reddit.com/r/technepal | 18 Jun 2022
• What is the order of MutationRecords received by MutationObservers?
  1 project | reddit.com/r/codehunter | 14 May 2022
• How to make changes to index.html inside public directory from react component?
  1 project | reddit.com/r/reactjs | 11 May 2022
• How to include meta tags dynamically in react js?
  1 project | reddit.com/r/codehunter | 8 May 2022
• How to Optimize Your React App for SEO with Sanity
  3 projects | dev.to | 3 May 2022
• React helmet or next/head for Next Js project?
  1 project | reddit.com/r/codehunter | 18 Apr 2022

Index

Sponsored

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.

www.sonarlint.org

Do not miss the trending JavaScript projects with our weekly report!