JavaScript UI Utilites

Open-source JavaScript projects categorized as UI Utilites
Edit details
Measurement Reporter React Keyboard Events Meta Tags Portal
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
sponsored

Top 23 JavaScript UI Utilite Projects

JavaScript logo
UI Utilites

  1. react-helmet

    A document head manager for React

    Project mention: How to create canonical URLs in Gatsby? | dev.to | 2026-02-01

    What is React Helmet you might ask. React Helmet is a reusable React component which you can use to manage all of your tags in your Gatsby project.

  2. Puter.js

    Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.

    Puter.js logo

  3. react-waypoint

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

  4. react-visibility-sensor

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

  5. react-hotkeys

    Declarative hotkey and focus area management for React

  6. react-portal

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

  7. react-sizeme

    Make your React Components aware of their width and height!

  8. react-measure

    📏 Compute measurements of a React component.

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo

  10. react-document-title

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

  11. react-swipe

    :left_right_arrow: Swipe.js as a React component

  12. react-hammerjs

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

  13. react-tappable

    Tappable component for React

  14. react-gateway

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

  15. react-keydown

    Lightweight keydown wrapper for React components

  16. react-ab

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

  17. react-key-handler

    React component to handle keyboard events :key:

  18. react-shortcuts

    Manage keyboard shortcuts from one place

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

  20. react-experiments

    React components for implementing UI experiments

  21. react-container-dimensions

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

  22. react-height

    Component-wrapper to determine and report children elements height

  23. react-component-queries

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

  24. react-layer-stack

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

  25. react-scroll-components

    A set of components that react to page scrolling

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

JavaScript UI Utilites discussion

Log in or Post with

JavaScript UI Utilites related posts

  • How to create canonical URLs in Gatsby?

    1 project | dev.to | 1 Feb 2026

  • Why Svelte?

    2 projects | dev.to | 12 Dec 2024

  • React SEO Guide: Mastering SEO Strategies

    1 project | dev.to | 25 Jul 2024

  • A guide to React 19’s new Document Metadata feature

    4 projects | dev.to | 25 Jun 2024

  • 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
  • A note from our sponsor - Puter.js
    developer.puter.com | 16 Aug 2026
    One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms. Learn more →

Index

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

# Project Stars
1 react-helmet 17,469
2 react-waypoint 4,049
3 react-visibility-sensor 2,321
4 react-hotkeys 2,158
5 react-portal 2,152
6 react-sizeme 1,960
7 react-measure 1,940
8 react-document-title 1,852
9 react-swipe 1,652
10 react-hammerjs 928
11 react-tappable 857
12 react-gateway 577
13 react-keydown 497
14 react-ab 430
15 react-key-handler 389
16 react-shortcuts 328
17 react-document-meta 320
18 react-experiments 318
19 react-container-dimensions 232
20 react-height 182
21 react-component-queries 181
22 react-layer-stack 160
23 react-scroll-components 123

Sponsored
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com
Loading...