Top 23 JavaScript UI Utilite Projects

UI Utilites

• Add a project

1. react-helmet

   1 62 17,357 0.0 JavaScript

   A document head manager for React

   

   Project mention: 14 Must-Have React Libraries Every Beginner Developer Should Know in 2025: 🚀 | dev.to | 2024-12-26

   Manage document head dynamically: Dynamically manage your app’s metadata (titles, descriptions, etc.). Ideal for boosting SEO and optimizing social media previews. 🛠️ 🔗github.com/nfl/react-helmet

2. SaaSHub

   www.saashub.com featured

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

   

3. react-waypoint

   2 4 4,077 3.2 JavaScript

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

   

4. react-visibility-sensor

   3 3 2,327 0.0 JavaScript

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

   

5. react-hotkeys

   4 1 2,157 0.0 JavaScript

   Declarative hotkey and focus area management for React

6. react-portal

   5 0 2,145 0.0 JavaScript

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

7. react-sizeme

   6 2 1,947 0.0 JavaScript

   Make your React Components aware of their width and height!

8. react-measure

   7 2 1,940 0.0 JavaScript

   📏 Compute measurements of a React component.

9. react-document-title

   8 5 1,863 0.0 JavaScript

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

   Project mention: Why Svelte? | dev.to | 2024-12-12

   React doesn't handle page titles in an accessible way without additional work. Typically when a user changes page, the page title is read-out-loud through a screen reader as the page is reloaded. However with React, as this is a SPA that does routing, this doesn’t happen quite the same. There’s some additional work or a plugin that’s needed.

10. react-swipe

    9 1 1,659 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.

11. react-hammerjs

    10 0 937 0.0 JavaScript

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

12. react-tappable

    11 0 862 0.0 JavaScript

    Tappable component for React

13. react-gateway

    12 0 573 3.3 JavaScript

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

    

14. react-keydown

    13 0 499 0.0 JavaScript

    Lightweight keydown wrapper for React components

15. react-dimensions

    14 0 450 0.0 JavaScript

    [Looking for maintainers]

    

16. react-ab

    15 0 431 0.0 JavaScript

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

17. react-key-handler

    16 0 386 0.0 JavaScript

    React component to handle keyboard events :key:

18. react-shortcuts

    17 0 328 0.0 JavaScript

    Manage keyboard shortcuts from one place

    

19. react-document-meta

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

    

20. react-experiments

    19 0 319 0.0 JavaScript

    React components for implementing UI experiments

21. react-container-dimensions

    20 0 229 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

22. react-component-queries

    21 0 182 0.0 JavaScript

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

23. react-height

    22 0 181 0.0 JavaScript

    Component-wrapper to determine and report children elements height

24. react-layer-stack

    23 0 160 0.0 JavaScript

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

JavaScript UI Utilites related posts

• 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

• react-visibility-sensor VS react-atom-trigger - a user suggested alternative

  2 projects | 10 Jul 2023
• A note from our sponsor - SaaSHub
  www.saashub.com | 16 Jan 2025

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

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