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.
Notification PreferenceChoose how you'd like to receive notifications.
Privacy settings
Choose what others can see and how your account is shown.
Show More
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.

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