Packages

UI Component Libraries Packages

Prebuilt, composable UI components and design-system primitives that speed up interface development without sacrificing accessibility (Radix, MUI, Chakra).

383 packages

Packages in UI Component Libraries

71Health
Library npm

svelte-dnd-action

A lightweight, action-based drag-and-drop library for Svelte with full keyboard, touch, and screen-reader accessibility support.

2,125
MIT
Used by 2
37Health
Library npm

react-measure

A React component that measures an element's dimensions live using ResizeObserver, exposing client, offset, scroll, bounds, and margin rects.

1,939
MIT
Used by 2
54Health
Library npm

RapiDoc

A lightweight, dependency-free Web Component that renders interactive OpenAPI and Swagger documentation directly in the browser.

1,900
MIT
Used by 2
47Health
Library npm

jquery-timepicker

A lightweight jQuery plugin that adds a Google Calendar-style time picker dropdown to any input, with keyboard nav and free-text parsing.

1,877
MIT
Used by 2
50Health
Library npm

react-frame-component

A React component that renders your app or a subtree inside a real iframe, exposing the frame's own window and document via context.

1,812
MIT
Used by 2
41Health
Library npm

masonic

A virtualized masonry grid for React built on composable hooks and an O(log n) interval-tree positioner.

1,414
MIT
Used by 2
90Health
Library npm

react-postprocessing

Declarative postprocessing effects for react-three-fiber, wrapping the postprocessing library as composable JSX components.

1,392
MIT
Used by 2
70Health
Library npm

React Complex Tree

An unopinionated, accessible React tree component with multi-select, drag-and-drop, and full keyboard support.

1,381
MIT
Used by 2
47Health
Library npm

react-image-lightbox

A flexible React component for fullscreen image lightboxes with zoom, swipe, and keyboard navigation.

1,278
MIT
Used by 2
67Health
Library npm

vanilla-jsoneditor

Framework-agnostic web-based JSON editor to view, edit, format, transform, and validate JSON.

1,266
Other
Used by 2
54Health
Library npm

Mantine DataTable

A lightweight, dependency-free, dark-theme aware table component for Mantine UI applications.

1,259
MIT
Used by 2
82Health
Library npm

ngx-markdown

Angular library for parsing and rendering Markdown as sanitized HTML, with optional syntax highlighting, math, diagrams, emoji, and copy-to-clipboard support.

1,197
MIT
Used by 2
45Health
Library npm

react-qr-reader

A lightweight React component and hook for scanning QR codes directly from a device's webcam.

1,151
MIT
Used by 2
38Health
Library npm

react-qrcode-logo

React component and headless API for rendering customizable QR codes with an embedded logo.

602
MIT
Used by 2
43Health
Library npm

react-collapsible

A React component for building smooth, animated collapsible and accordion sections with full control over triggers, transitions, and styling.

547
MIT
Used by 2
37Health
Library npm

react-infinite-scroll-hook

A tiny React hook for building infinite-scroll UIs with IntersectionObserver.

517
MIT
Used by 2
42Health
Library npm

react-katex

React components — InlineMath and BlockMath — for rendering LaTeX expressions with KaTeX

441
MIT
Used by 2
39Health
Library npm

react-scroll-sync

Synchronizes scroll position across multiple scrollable panes in React with a simple context-based provider and pane wrapper.

441
MIT
Used by 2
43Health
Library npm

vue3-notification

A lightweight, animatable toast notification component for Vue 3, triggered via an imperative API or a Composition API hook.

400
MIT
Used by 2
45Health
Library npm

@rehookify/datepicker

Headless React hooks for building fully custom date, range, and time pickers with zero dependencies.

340
MIT
Used by 2
75Health
Library npm

input-number

An accessible React number input component with precision control, custom formatting, and keyboard/wheel stepping.

323
MIT
Used by 2
29Health
Library npm

react-canvas-confetti

React component wrapper for the canvas-confetti animation library

262
MIT
Used by 2
28Health
Library npm

react-confetti-explosion

A lightweight, CSS-only confetti explosion component for React with no canvas or particle engine required.

253
MIT
Used by 2
38Health
Library npm

react-scroll-to-bottom

A React container component that auto-scrolls to the bottom (or top) as new content streams in, similar to `tail -f`.

205
MIT
Used by 2

Join founders buildingwith open source

Opinionated takes, migration guides, cost-saving tips, and insights from the open source ecosystem.

Subscribe on Substack
Join 750+ subscribers