Introducing Intent UI v4

Accessible react components to copy, customize, and make your own.

Intent UI is a set of accessible React components built with React aria components, designed for fast copy and paste customization, and styled with Tailwind CSS.

Get startedComponents

Overlays

Used to display actions, details, or prompts without navigating away from the current page.

Control

Explore how users can select one, many, or toggle options using checkboxes, radios, and switches.

User PermissionsSelect the permissions you want to grant to the user.
Can view content but cannot make changes.
Can create and modify existing content.
Can permanently remove content.
Full access to all actions and settings.
Notification PreferenceChoose how you'd like to receive notifications.
Get updates via email instantly.
Receive alerts through text messages.
Get notified on your device.
Turn off all notifications.
Privacy settings
Choose what others can see and how your account is shown.
Allow others to see your profile.
Allow search engines to index your profile.
Add an extra layer of security to your account.
Let others see when you're online.
Show More

Components

Browse a complete set of UI components, built for flexibility and ready to drop into your project.

Collections

Colors

Controls

Date And Time

Drag And Drop

Forms

Layouts

Media

Navigation

Overlays

Pickers

Statuses

Surfaces

Visualizations

View all

More than just components.

Take your projects further with ready-made blocks, templates, and a fully open-source editor. Everything you need to build more with Intent UI.

Launch faster with ready-made blocks and templates

Build modern web apps faster with 1000+ resources across components, blocks, patterns, templates, and starter kits.

Browse blocksGet templates

Meet Intent UI Editor

A fully open-source rich text editor powered by Lexical. Install it with a single command, customize it to fit your needs, and start building.

Get startedView source

Starter kit

A preconfigured project setup that includes everything you need to start building and shipping faster with Intent UI.

Next.js

A full-featured starter with routing, layouts, and authentication built in.

Laravel

Server-driven starter with routing, auth, and front-end integration ready to go.

Tanstack Router

Opinionated setup with routing, layouts, and auth, ready for modern apps.

Vite

The simple way to start Vite with Intent UI installed.

Ready to get started?

Explore the core essentials to help you install, build, and start customizing your project with Intent UI in just a few steps.

Setup

Follow a simple step-by-step guide to install and start building with Intent UI.

View components

Browse all available UI components with detailed examples and usage guidance.

View blocks

Pre-built application blocks with sidebars, navigation, authentication layouts and more.

Themes

Customize the entire look and feel using built-in themes and styling options.

Open source

Fully open source and built with care. Explore the code, contribute, or use it freely in your own projects.

GitHubSponsor