Hand-picked weekly

Never miss a tool worth knowing.

The best new tools, hand-picked and delivered weekly. No spam — just signal.

Email address

Discover the best tools for every task. A curated directory for people who love great software.

Browse

Categories
Toolkits
Saved
Search

Company

About
My Account
Sign in

Connect

X / Twitter
GitHub
LinkedIn
Email us

© 2026 ToolFomo

Next UI — ToolFomo

Next UI

Next UI

NextUI is a beautiful, fast and modern React UI library that provides a set of accessible, reusable components optimized for Next.js applications.

open sourceweb#react #nextjs #component-library #typescript #tailwind #accessible

What you can do with Next UI

Practical ideas and workflows

1

Build a Dashboard

•Set up a Next.js project using create-next-app.
•Install NextUI by running `npm install @nextui-org/react`.
•Import and use NextUI components like Grid, Card, and Button to create a responsive dashboard layout.
•Style the components with NextUI's theming options to match your brand.

2

Categories

UI Component Libraries

More like this

Tools with similar features

Chakra UI

chakra-ui

Chakra UI is a simple, modular and accessible component library that provides building blocks for React applications with built-in dark mode support and excellent developer experience.

Create a Landing Page

•Initialize a new Next.js app if you haven't already.
•Add NextUI to your project using `npm install @nextui-org/react`.
•Utilize NextUI components such as Container, Text, and Button to create a visually appealing landing page.
•Implement responsive design features and animations to enhance user experience.

3

Develop a Form

•Start by creating a new Next.js page for your form.
•Install NextUI with `npm install @nextui-org/react`.
•Use components like Input, Select, and Checkbox from NextUI to build accessible form elements.
•Handle form submission using Next.js API routes for data processing.

4

Create an E-commerce Site

•Set up a Next.js project using `npx create-next-app`.
•Incorporate NextUI by installing it with `npm install @nextui-org/react`.
•Utilize components like Navbar, Card, and Modal to showcase products and enable user interactions.
•Style the site using NextUI's built-in theming capabilities to improve aesthetics.

Mantine

mantine

Mantine is a fully featured React components library with 100+ customizable components, hooks, and a powerful theming system for building modern web applications.

Headless UI

Headless UI

headless-ui

Headless UI provides completely unstyled, fully accessible UI components for React and Vue, designed to integrate beautifully with Tailwind CSS.

shadcn/ui

shadcn/ui

shadcn-ui

shadcn/ui is a collection of re-usable components built using Radix UI and Tailwind CSS that you can copy and paste into your apps, offering full control over the code.

Radix UI

Radix UI

radix-ui

Radix UI provides unstyled, accessible components for building high-quality design systems and web apps in React, offering full control over styling and behavior.

Material-UI (MUI)

Material-UI (MUI)

material-ui

Material-UI is a comprehensive React component library that implements Google's Material Design, offering production-ready components with extensive customization options.