Accessible React Component Library – Copy, Customize & Own Your UI

Intent UI is a chill set of React components, built on top of React Aria Components, all about keeping the web accessible. Easy to customize and just copy & paste into your React projects. Plus, it includes Tailwind CSS for sleek styling right out of the box.

Get startedComponents
Common components
Explore foundational components commonly used across web applications.
Sign in
Enter your email and password to sign in.
Products
Manage product details, pricing, and availability.
#
Name
Category
Price
Stock
1iPhone 13Electronics$799.00150
2Galaxy S21Electronics$699.00200
3MacBook ProComputers$1,299.0080
4Dell XPS 13Computers$999.0050
5Sony WH-1000XM4Headphones$349.00120
6AirPods ProHeadphones$249.00180
7Fitbit Charge 5Wearables$179.0075
Packages
Select a package to view details, pricing, and availability.
PremiumAdvanced options for growing needs.
DeluxeTop-tier features for maximum performance.
UltimateAll-inclusive plan with every feature available.
EnterpriseCustom solutions for large-scale operations.
Settings
Update your profile information and preferences.
Visualizations
Explore various data visualizations to represent information effectively.
Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.
Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.
Engagement last 7d
Tracks likes, comments, and shares during the most recent 7-day period.
Page visits by section
Unique visits for the most viewed docs pages this month
Documentation
Components
Themes
Colors
Icons
Templates
Premium blocks

1200 visits

980 visits

760 visits

430 visits

150 visits

150 visits

150 visits

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.jsA full-featured starter with routing, layouts, and authentication built in.
LaravelServer-driven starter with routing, auth, and front-end integration ready to go.
AstroA clean starter for building fast content-focused sites with minimal setup.
Tanstack RouterOpinionated setup with routing, layouts, and auth, ready for modern apps.
ViteThe simple way to start Vite with Intent UI installed.

Intent UI Icons

Intent UI Icons is a powerful open-source SVG icon library with over 1,191 symbols, and more added with every release. Designed to seamlessly integrate into any project, they work perfectly whether or not you use Intent UI components.

npm i @intentui/icons
View all icons
Components
Browse a complete set of UI components, built for flexibility and ready to drop into your project.
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.
SetupFollow a simple step-by-step guide to install and start building with Intent UI.
View componentsBrowse all available UI components with detailed examples and usage guidance.
ThemesCustomize 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.

GitHub