10 Best Next.js UI Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

@leight-core/leight

Leight is a Javascript library helper for React and Ant Design.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
np

nextjs-progressbar

A simple Next.js progressbar component using NProgress.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
244
Weekly Downloads
27K
Last Commit
4mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

swingset

drop-in component library for next.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
34
Weekly Downloads
659
Last Commit
18d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@47ng/chakra-next

Opinionated design system for React, based on Chakra UI + Next.js, written in TypeScript.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
136
Weekly Downloads
66
Last Commit
3mos ago
Bundle Size (min+gzip)
0.39KB
Not Tree-Shakeable
raw

react-animejs-wrapper

A React wrapper for the Anime.js animation library. Allows for the quick and easy creation of powerful animations using React JSX tags.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
49
Last Commit
7mos ago
Bundle Size (min+gzip)
7.84KB
Not Tree-Shakeable

@gogaille/storybook-addon-next-router

Addon to use Next.js Router in Storybook

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
546
Last Commit
3mos ago
Bundle Size (min+gzip)
0.66KB
Tree-Shakeable

@storyofams/react-ui

Collection of UI components build to create a production grade front-end experience with React & Next.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
14
Weekly Downloads
57
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
dau

device-agnostic-ui

Device agnostic styles, components and hooks for React and Next.js apps.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
55
Last Commit
4mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

next-pagination

The best damn pagination component. For Next.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
14
Weekly Downloads
308
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@chiffre/design-system

Shared UI elements

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
9
Last Commit
8mos ago
Bundle Size (min+gzip)
0.28KB
Not Tree-Shakeable

@virtualcollector/design-system

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
81
Last Commit
11d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
nne

next-nprogress-emotion

Theme aware NProgress component to use in Next.js apps using Emotion or ThemeUI.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
744
Last Commit
1yr ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
lc

lollipop-components

React component library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
6
Last Commit
5mos ago
Bundle Size (min+gzip)
0.29KB
Tree-Shakeable
gal

gsap-animation-library

Animation Library for React.js, Next.js using gsap

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
8
Last Commit
24d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@apmg/titan

A number of React components that can be used as a starting point to create APM websites

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
9
Last Commit
2mos ago
Bundle Size (min+gzip)
10.6KB
Not Tree-Shakeable
th

tailwind-hype

Hype up your tailwind projects with minimal UI components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
12
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
pch

@hashicorp/platform-code-highlighting

Code highlighting utilities for HashiCorp next.js websites

License Icon
License: MPL-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2K
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
nn

next-nprogress

Next.js HOC to integrate NProgress inside your app

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
148
Weekly Downloads
1K
Last Commit
3yrs ago
Bundle Size (min+gzip)
3.45KB
Not Tree-Shakeable

@userfront/nextjs

Next.js binding for Userfront

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
10
Last Commit
24d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
np

@aldabil/next-progress

Zero-dependency progress bar/skeleton for Next.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
19
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ds

@zapier-labs/design-system

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
180
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable
nw

@biomedit/next-widgets

Commonly used widgets, building blocks for forms, table components and utilities for Next.js.

License Icon
License: LGPL-3.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
127
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable
nsn

next-styled-nprogress

Add NProgress loader between pages in your Next.js App

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
31
Last Commit
2yrs ago
Bundle Size (min+gzip)
2.65KB
Not Tree-Shakeable
nn

@os-team/next-nprogress

Slim progress bar for Next.js applications.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
22
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ds

@checkok/design-system

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
21
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ap

@madzadev/audio-player

React/NextJS audio player for your music, with custom controls, playlist, filters, and search functionality.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
17
Last Commit
N/A
Bundle Size (min+gzip)
15.1KB
Tree-Shakeable
sto

@cloudey/storm

Design system and component library for use with Next.js/React. Includes theme primitives, a colour system, base components (Box, Flex), and some useful utilities.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
5
Last Commit
N/A
Bundle Size (min+gzip)
18.1KB
Not Tree-Shakeable
nap

next-api-paginate

pagination middleware-like hoc for next.js api routes

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
3
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
oct

@hashicorp/octavo

drop-in component library and documentation pages for next.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
N/A
Bundle Size (min+gzip)
0.33KB
Not Tree-Shakeable
nt

next-typography

Add Typography.js styles to your Next JS app in the simplest possible way.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
N/A
Bundle Size (min+gzip)
0.50KB
Tree-Shakeable

next-toolkit

HOCs and Utilities for zeit/next.js caching and lazy loading

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
1
Last Commit
3yrs ago
Bundle Size (min+gzip)
2.93KB
Not Tree-Shakeable