Top 23 JavaScript UI Utilite Projects

• react-helmet

  58 17,223 0.0 JavaScript

  A document head manager for React

  

Project mention: React 19: The long-expected features | dev.to | 2024-04-16

React will enable the usage of the , , and tags anywhere in the App, improving SEO performance.
Previously, libraries like as react-helmet were used for this.

Summary

In my perspective, React v19 will deliver a lot of relevant and required enhancements, allowing developers to focus more on important features that matter!

Resources

https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024#react-compiler
https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-optimizing-compiler
https://www.youtube.com/watch?v=qOQClO3g8-Y
https://react.dev/reference/react/

• react-waypoint

  4 4,073 3.2 JavaScript

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

  

Project mention: react-waypoint VS react-atom-trigger - a user suggested alternative | libhunt.com/r/react-waypoint | 2023-07-10

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-visibility-sensor

  3 2,315 0.0 JavaScript

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

Project mention: react-visibility-sensor VS react-atom-trigger - a user suggested alternative | libhunt.com/r/react-visibility-sensor | 2023-07-10

• react-hotkeys

  1 2,138 0.0 JavaScript

  Declarative hotkey and focus area management for React

• react-portal

  0 2,137 0.0 JavaScript

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

• react-measure

  2 1,937 0.0 JavaScript

  📏 Compute measurements of a React component.

• react-sizeme

  2 1,929 0.0 JavaScript

  Make your React Components aware of their width and height!

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• react-document-title

  4 1,871 0.0 JavaScript

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

• react-swipe

  1 1,660 0.0 JavaScript

  :left_right_arrow: Swipe.js as a React component

Project mention: Building Infinite Animated Scroll for React components | dev.to | 2024-02-04

If you ever needed to present your components in an endless animation scroll, you might have found the variety of existing libraries like React Swipe.

• react-hammerjs

  0 938 0.0 JavaScript

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

• react-tappable

  0 859 0.0 JavaScript

  Tappable component for React

• react-gateway

  0 571 0.0 JavaScript

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

  

• react-keydown

  0 503 0.0 JavaScript

  Lightweight keydown wrapper for React components

• react-dimensions

  0 454 0.0 JavaScript

  [Looking for maintainers]

  

• react-ab

  0 430 0.0 JavaScript

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

• react-key-handler

  0 388 0.0 JavaScript

  React component to handle keyboard events :key:

• react-shortcuts

  0 326 0.0 JavaScript

  Manage keyboard shortcuts from one place

  

• react-document-meta

  0 321 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-experiments

  0 319 0.0 JavaScript

  React components for implementing UI experiments

• react-container-dimensions

  0 232 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 183 0.0 JavaScript

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

• react-height

  0 181 0.0 JavaScript

  Component-wrapper to determine and report children elements height

• react-layer-stack

  0 160 0.0 JavaScript

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

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

JavaScript UI Utilites related posts

• React 19: The long-expected features
  2 projects | dev.to | 16 Apr 2024
• Gatsby tutorial: Build a static site with a headless CMS
  5 projects | dev.to | 22 Mar 2024
• NPM – react-helmet – made by the National Football League?
  1 project | news.ycombinator.com | 14 Jul 2023
• react-visibility-sensor VS react-atom-trigger - a user suggested alternative
  2 projects | 10 Jul 2023
• react-waypoint VS react-atom-trigger - a user suggested alternative
  2 projects | 10 Jul 2023
• React MUI Content Security Policy🤗
  2 projects | dev.to | 28 May 2023
• Hello guys, im a self-taught dev and this is my first kind of big project
  2 projects | /r/reactjs | 17 Apr 2023
• A note from our sponsor - InfluxDB
  www.influxdata.com | 24 Apr 2024

  Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

Sponsored

The modern identity platform for B2B SaaS

The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

workos.com

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