# Untitled UI > Untitled UI is the world's largest Figma UI kit and design system (10,000+ components and variants) and an open-source React component library built with React Aria and Tailwind CSS. Free tiers exist for every product; PRO tiers are one-time payments with lifetime updates. Key facts: - Figma UI kit: 10,000+ components and variants, 2,250+ reviews, free version available, PRO from US$129 (one-time, lifetime updates). - React library: open source (GitHub: untitleduico/react), built with React Aria and Tailwind CSS v4, installed with the Untitled UI CLI, PRO from US$349 (one-time). - Icons: 4,600+ icons in the Figma library; 1,100+ free SVG icons (`@untitledui/icons`); PRO from US$59. - Every PRO product has solo, studio, business and enterprise tiers — see /pricing for current prices. - License: one-time purchase, unlimited personal and commercial projects, no redistribution or resale of the source files. Full terms at /license. - Support: hello@untitledui.com For coding agents: - Append `.md` to any URL in the React documentation, React integrations, React base components or React application UI components sections for its raw Markdown source, e.g. https://www.untitledui.com/react/components/select.md. Other sections have no `.md` variant. - Install components with the CLI: `npx untitledui@latest add `. Components are copied into your codebase — the library is not a runtime dependency, so you own and edit the source. - MCP server for AI assistants (semantic component and template search): https://www.untitledui.com/react/api/mcp — setup at /react/integrations/mcp. - Full conventions and component API reference for coding agents, in one file: https://www.untitledui.com/react/AGENT.md. - Components are built on React Aria Components, so imports from `react-aria-components` are prefixed with `Aria*` (e.g. `import { Button as AriaButton } from "react-aria-components"`). - Files are named in kebab-case. Styling uses semantic Tailwind tokens (`text-primary`, `bg-secondary`, `border-secondary`) rather than raw color scales. - Pages marked PRO require a paid license; everything else is free and open-source. ## Products - [Untitled UI Figma](https://www.untitledui.com/figma): Figma UI kit and design system. Components, variables, styles, dashboards, marketing pages. - [Untitled UI React](https://www.untitledui.com/react): React component library with copy-paste components, pages and dashboards. - [Untitled UI Icons](https://www.untitledui.com/icons): Line, solid and duotone icon library for Figma and React. - [Pricing](https://www.untitledui.com/pricing): All plans, what's included, team and enterprise options. - [Free Figma UI kit](https://www.untitledui.com/free-figma-ui-kit): The free version of the design system. - [Free icons](https://www.untitledui.com/free-icons): 1,100+ free SVG icons, by category. - [Free avatars](https://www.untitledui.com/avatars): Placeholder profile photos for mockups. - [Free logos](https://www.untitledui.com/logos): Fictional company logos for mockups. ## React documentation - [Introduction](https://www.untitledui.com/react/docs/introduction): Welcome to Untitled UI React! This library is a collection of UI components based on the world's largest and most popular Figma UI kit and design system. - [Installation](https://www.untitledui.com/react/docs/installation): This guide will help you install Untitled UI and get set up quickly. - [Theming](https://www.untitledui.com/react/docs/theming): Learn how to customize our components effortlessly to make them your own. - [Dark mode](https://www.untitledui.com/react/docs/dark-mode): Easily swap between light and dark modes with CSS variables. - [Typography](https://www.untitledui.com/react/docs/typography): For long-form content like articles or documentation, use our typography styles to ensure consistent formatting. - [CLI](https://www.untitledui.com/react/docs/cli): The Untitled UI CLI tool helps you quickly scaffold projects and add components to your existing projects. - [RTL support](https://www.untitledui.com/react/docs/rtl): Build right-to-left interfaces with Untitled UI React. - [Upgrade to v8.0](https://www.untitledui.com/react/docs/upgrade): How to upgrade your Untitled UI React project from v7.0 to v8.0. - [Icons](https://www.untitledui.com/react/docs/icons): 1,100+ free line-style icons (`@untitledui/icons`), plus 4,600+ PRO icons in four styles (`@untitledui-pro/icons`). ## React integrations Framework guides and AI tooling setup, including the MCP server for Claude Code and Cursor. - [Next.js](https://www.untitledui.com/react/integrations/nextjs): Set up a Next.js project with Untitled UI React in seconds. - [Vite](https://www.untitledui.com/react/integrations/vite): Set up a Vite project with Untitled UI React in seconds. - [TanStack Start](https://www.untitledui.com/react/integrations/tanstack): Set up a TanStack Start project with Untitled UI React in seconds. - [v0](https://www.untitledui.com/react/integrations/v0): Set up a v0 project with Untitled UI React in seconds. - [Bolt](https://www.untitledui.com/react/integrations/bolt): Set up a Bolt.new project with Untitled UI React in seconds. - [Replit](https://www.untitledui.com/react/integrations/replit): Set up a Replit project with Untitled UI React in seconds. - [Gemini](https://www.untitledui.com/react/integrations/gemini): Set up an Untitled UI React with Gemini in seconds. - [Claude](https://www.untitledui.com/react/integrations/claude): Set up an Untitled UI React with Claude Code in seconds. - [Lovable](https://www.untitledui.com/react/integrations/lovable): Set up a Lovable project with Untitled UI React in seconds. - [Monorepo](https://www.untitledui.com/react/integrations/monorepo): Set up Untitled UI React in a monorepo with Next.js or Vite. - [MCP](https://www.untitledui.com/react/integrations/mcp): Connect Untitled UI to Claude Code or Cursor via MCP server. - [components.json](https://www.untitledui.com/react/integrations/components-json): The components.json file is an optional configuration file for the Untitled UI CLI. ## React base components Core UI elements. Each page lists every variant with its source code. - [Avatars](https://www.untitledui.com/react/components/avatars): 144 placeholder avatars, served from `https://www.untitledui.com/images/avatars/{name}`. - [Badge groups](https://www.untitledui.com/react/components/badge-groups): Free and open-source React badge group components built for modern applications and websites. - [Badges](https://www.untitledui.com/react/components/badges): Free and open-source React badge components built for modern applications and websites. - [Button groups](https://www.untitledui.com/react/components/button-groups): Free and open-source React button group components built for modern applications and websites. - [Buttons](https://www.untitledui.com/react/components/buttons): Free and open-source React button components built for modern applications and websites. - [Checkboxes](https://www.untitledui.com/react/components/checkboxes): Free and open-source React checkbox components built for modern applications and websites. - [Context menus](https://www.untitledui.com/react/components/context-menus): Free and open-source React context menu components built for modern applications and websites. - [Credit cards](https://www.untitledui.com/react/components/credit-cards): Free and open-source React credit card components built for modern applications and websites. - [Dropdowns](https://www.untitledui.com/react/components/dropdowns): Free and open-source React dropdown components built for modern applications and websites. - [Featured icons](https://www.untitledui.com/react/components/featured-icons): Free and open-source React featured icon components built for modern applications and websites. - [Illustrations](https://www.untitledui.com/react/components/illustrations): Free and open-source React illustration components built for modern applications and websites. - [Inputs](https://www.untitledui.com/react/components/inputs): Free and open-source React input field components built for modern applications and websites. - [Mobile app store buttons](https://www.untitledui.com/react/components/mobile-app-store-buttons): Free and open-source React mobile app store button components built for modern applications and websites. - [Progress indicators](https://www.untitledui.com/react/components/progress-indicators): Free and open-source React progress indicator components built for modern applications and websites. - [QR codes](https://www.untitledui.com/react/components/qr-codes): Free and open-source React QR code components built for modern applications and websites. - [Radio buttons](https://www.untitledui.com/react/components/radio-buttons): Free and open-source React radio button components built for modern applications and websites. - [Radio groups](https://www.untitledui.com/react/components/radio-groups): (PRO) Powerful and customizable React radio group components built for modern applications and websites. - [Rating badge and stars](https://www.untitledui.com/react/components/rating-badge-and-stars): Free and open-source React rating badge and star components built for modern applications and websites. - [Select](https://www.untitledui.com/react/components/select): Free and open-source React select components built for modern applications and websites. - [Multi-select](https://www.untitledui.com/react/components/multi-select): Free and open-source React multi select components built for modern applications and websites. - [Sliders](https://www.untitledui.com/react/components/sliders): Free and open-source React slider components built for modern applications and websites. - [Social buttons](https://www.untitledui.com/react/components/social-buttons): Free and open-source React social button components built for modern applications and websites. - [Tags](https://www.untitledui.com/react/components/tags): Free and open-source React tag components built for modern applications and websites. - [Text editors](https://www.untitledui.com/react/components/text-editors): (PRO) Powerful and customizable React text editor components built for modern applications and websites. - [Textarea](https://www.untitledui.com/react/components/textareas): Free and open-source React textarea input field components built for modern applications and websites. - [Toggles](https://www.untitledui.com/react/components/toggles): Free and open-source React toggle field components built for modern applications and websites. - [Tooltips](https://www.untitledui.com/react/components/tooltips): Free and open-source React tooltip components built for modern applications and websites. - [Utility buttons](https://www.untitledui.com/react/components/utility-buttons): Free and open-source React utility button components built for modern applications and websites. - [Verification code inputs](https://www.untitledui.com/react/components/verification-code-inputs): Free and open-source React verification code input components built for modern applications and websites. - [Video players](https://www.untitledui.com/react/components/video-players): (PRO) Powerful and customizable React video player components built for modern applications and websites. ## React application UI components - [Activity feeds](https://www.untitledui.com/react/components/activity-feeds): (PRO) Powerful and customizable React activity feed components built for modern applications and websites. - [Activity gauges](https://www.untitledui.com/react/components/activity-gauges): Powerful and customizable React activity gauge components built for modern applications and websites. - [Alerts](https://www.untitledui.com/react/components/alerts): (PRO) Powerful and customizable React alert components built for modern applications and websites. - [Breadcrumbs](https://www.untitledui.com/react/components/breadcrumbs): (PRO) Powerful and customizable React breadcrumb components built for modern applications and websites. - [Calendars](https://www.untitledui.com/react/components/calendars): (PRO) Powerful and customizable React calendar components built for modern applications and websites. - [Card headers](https://www.untitledui.com/react/components/card-headers): (PRO) Powerful and customizable React card header components built for modern applications and websites. - [Carousels](https://www.untitledui.com/react/components/carousels): Free and open-source React carousel components built for modern applications and websites. - [Code snippets](https://www.untitledui.com/react/components/code-snippets): (PRO) Powerful and customizable React code snippet components built for modern applications and websites. - [Color pickers](https://www.untitledui.com/react/components/color-pickers): (PRO) Powerful and customizable React color picker components built for modern applications and websites. - [Command menus](https://www.untitledui.com/react/components/command-menus): (PRO) Powerful and customizable React command menu components built for modern applications and websites. - [Content dividers](https://www.untitledui.com/react/components/content-dividers): (PRO) Powerful and customizable React content divider components built for modern applications and websites. - [Date pickers](https://www.untitledui.com/react/components/date-pickers): Free and open-source React date picker components built for modern applications and websites. - [Empty states](https://www.untitledui.com/react/components/empty-states): (PRO) Powerful and customizable React empty state components built for modern applications and websites. - [File uploaders](https://www.untitledui.com/react/components/file-uploaders): Free and open-source React file upload components built for modern applications and websites. - [Filter bars](https://www.untitledui.com/react/components/filter-bars): (PRO) Powerful and customizable React filter bar components built for modern applications and websites. - [Gradient pickers](https://www.untitledui.com/react/components/gradient-pickers): (PRO) Powerful and customizable React gradient picker components built for modern applications and websites. - [Header navigations](https://www.untitledui.com/react/components/header-navigations): Free and open-source React header navigation components built for modern applications and websites. - [Image pickers](https://www.untitledui.com/react/components/image-pickers): (PRO) Powerful and customizable React image picker components built for modern applications and websites. - [Inline CTAs](https://www.untitledui.com/react/components/inline-ctas): (PRO) Powerful and customizable React inline CTA components built for modern applications and websites. - [Line & bar charts](https://www.untitledui.com/react/components/line-bar-charts): Free and open-source React line and bar chart components built for modern applications and websites. - [Loading indicators](https://www.untitledui.com/react/components/loading-indicators): Free and open-source React loading indicator components built for modern applications and websites. - [Messaging](https://www.untitledui.com/react/components/messaging): (PRO) Powerful and customizable React messaging components built for modern applications and websites. - [Metrics](https://www.untitledui.com/react/components/metrics): (PRO) Powerful and customizable React metric components built for modern applications and websites. - [Modals](https://www.untitledui.com/react/components/modals): (PRO) Powerful and customizable React modal components built for modern applications and websites. - [Notifications](https://www.untitledui.com/react/components/notifications): (PRO) Powerful and customizable React notification components built for modern applications and websites. - [Page headers](https://www.untitledui.com/react/components/page-headers): (PRO) Powerful and customizable React page header components built for modern applications and websites. - [Paginations](https://www.untitledui.com/react/components/pagination): Free and open-source React pagination components built for modern applications and websites. - [Pie charts](https://www.untitledui.com/react/components/pie-charts): Powerful and customizable React pie chart components built for modern applications and websites. - [Progress steps](https://www.untitledui.com/react/components/progress-steps): (PRO) Powerful and customizable React progress step components built for modern applications and websites. - [Radar charts](https://www.untitledui.com/react/components/radar-charts): Powerful and customizable React radar chart components built for modern applications and websites. - [Section footers](https://www.untitledui.com/react/components/section-footers): (PRO) Powerful and customizable React section footer components built for modern applications and websites. - [Section headers](https://www.untitledui.com/react/components/section-headers): (PRO) Powerful and customizable React section header components built for modern applications and websites. - [Sidebar navigations](https://www.untitledui.com/react/components/sidebar-navigations): Free and open-source React sidebar navigation components built for modern applications and websites. - [Drawers](https://www.untitledui.com/react/components/drawers): (PRO) Powerful and customizable React drawer components built for modern applications and websites. - [Tables](https://www.untitledui.com/react/components/tables): Free and open-source React table components built for modern applications and websites. - [Tabs](https://www.untitledui.com/react/components/tabs): Free and open-source React tab components built for modern applications and websites. - [Tree views](https://www.untitledui.com/react/components/tree-views): (PRO) Powerful and customizable React tree view components built for modern applications. ## React marketing components Website sections for marketing pages. - [Banners](https://www.untitledui.com/react/marketing/banners): (PRO) A banner displays a brief, important message or announcement within an application or web app, and provides actions for users to respond or dismiss it. - [Blog sections](https://www.untitledui.com/react/marketing/blog-sections): (PRO) Blog sections are useful for presenting recent or featured articles that the user may be interested in on other pages. - [Careers sections](https://www.untitledui.com/react/marketing/careers-sections): (PRO) Careers sections are great for adding to pages to let potential candidates know you're hiring. - [Contact sections](https://www.untitledui.com/react/marketing/contact-sections): (PRO) Far too many designers put contact pages near the bottom of their priority list in terms of copywriting and design. - [Content & rich text sections](https://www.untitledui.com/react/marketing/content-rich-text-sections): (PRO) Content sections are useful for sharing longer-form text on other pages on the website. - [CTA sections](https://www.untitledui.com/react/marketing/cta-sections): (PRO) Call-to-action (CTA) sections guide users towards your goal conversion. - [FAQ sections](https://www.untitledui.com/react/marketing/faq-sections): (PRO) FAQ sections are important because they save time for both customers and employees. - [Features sections](https://www.untitledui.com/react/marketing/features-sections): (PRO) The purpose of a features section is pretty straightforward: it's there to explain what the product or service does and how it can help. - [Footers](https://www.untitledui.com/react/marketing/footers): (PRO) The website footer is the section of content at the very bottom of a web page. - [Header navigations](https://www.untitledui.com/react/marketing/header-navigations): (PRO) The header navigation is the upper (top) part of a web page that helps the user navigate a site. - [Hero header sections](https://www.untitledui.com/react/marketing/hero-header-sections): (PRO) The hero header section is usually the first thing users see when arriving on a website. - [Header sections](https://www.untitledui.com/react/marketing/header-sections): (PRO) The hero header section is usually the first thing users see when arriving on a website. - [Metrics sections](https://www.untitledui.com/react/marketing/metrics-sections): (PRO) Metrics sections are useful for communicating authority and social proof to users. - [Newsletter CTA sections](https://www.untitledui.com/react/marketing/newsletter-cta-sections): (PRO) An effective way to gain new email subscribers is by adding an eye-catching newsletter CTA section to pages. - [Pricing sections](https://www.untitledui.com/react/marketing/pricing-sections): (PRO) Dedicated pricing pages are common, especially for larger SaaS products where there are multiple different plans/tiers to choose from. - [Social proof sections](https://www.untitledui.com/react/marketing/social-proof-sections): (PRO) While user testimonials can add value to a product, business credentials can add trust to the product. - [Team sections](https://www.untitledui.com/react/marketing/team-sections): (PRO) Adding a team section to a website is an easy, effective way to give your business an accessible face. - [Testimonial sections](https://www.untitledui.com/react/marketing/testimonial-sections): (PRO) Testimonial sections are great for communicating social proof. ## React page examples Full page templates. Each page links to the individual examples it contains. - [Dashboards 01](https://www.untitledui.com/react/components/dashboards): (PRO) Build out your web application with our production-ready React dashboard templates, each built around a vertical sidebar navigation. - [Dashboards 02](https://www.untitledui.com/react/components/dashboards-02): (PRO) Build out your web application with our production-ready React dashboard templates, each built around a horizontal header navigation. - [Settings pages 01](https://www.untitledui.com/react/components/settings-pages): (PRO) Build out your web application with our production-ready React settings pages templates, each built around a vertical sidebar navigation. - [Settings pages 02](https://www.untitledui.com/react/components/settings-pages-02): (PRO) Build out your web application with our production-ready React settings pages templates, each built around a horizontal header navigation. - [Informational pages 01](https://www.untitledui.com/react/components/informational-pages): (PRO) Build out your web application with our production-ready React informational pages templates, each built around a vertical sidebar navigation. - [Informational pages 02](https://www.untitledui.com/react/components/informational-pages-02): (PRO) Build out your web application with our production-ready React informational pages templates, each built around a horizontal header navigation. - [Log in pages](https://www.untitledui.com/react/components/log-in-pages): (PRO) Log in is often the first interaction a user has with your product. - [Sign up pages](https://www.untitledui.com/react/components/sign-up-pages): (PRO) Sign up page designs should be easy to understand and require no thought from the user. - [Verification pages](https://www.untitledui.com/react/components/verification-pages): (PRO) Email verification page designs should be easy as simple as possible and free from distractions. - [Forgot password pages](https://www.untitledui.com/react/components/forgot-password-pages): (PRO) Password reset page designs should be easy as simple as possible and free from distractions. - [404 sections](https://www.untitledui.com/react/components/404-sections): (PRO) When a user sees a 404 section, it means something has gone wrong. - [Email templates](https://www.untitledui.com/react/components/email-templates): (PRO) These are a collection of common transactional and marketing email templates. - [About pages](https://www.untitledui.com/react/marketing/about-pages): (PRO) Powerful and customizable React about page examples built for modern and responsive websites. - [Blog posts](https://www.untitledui.com/react/marketing/blog-post-pages): (PRO) Blog post pages house the actual content of your articles. - [Blogs](https://www.untitledui.com/react/marketing/blog-pages): (PRO) Blog pages are useful for blog “home” pages, allowing users to quickly find articles they're interested in reading. - [Contact pages](https://www.untitledui.com/react/marketing/contact-pages): (PRO) Far too many designers put contact pages near the bottom of their priority list in terms of copywriting and design. - [FAQ pages](https://www.untitledui.com/react/marketing/faq-pages): (PRO) FAQ pages are important because they save time for both customers and employees. - [Landing pages](https://www.untitledui.com/react/marketing/landing-pages): (PRO) Landing pages are designed with a single goal in mind: converting visitors. - [Legal pages](https://www.untitledui.com/react/marketing/legal-pages): (PRO) Legal pages are essential for transparency and compliance. - [Pricing pages](https://www.untitledui.com/react/marketing/pricing-pages): (PRO) Dedicated pricing pages are common, especially for larger SaaS products where there are multiple different plans/tiers to choose from. - [Team pages](https://www.untitledui.com/react/marketing/team-pages): (PRO) Adding a team page to a website is an easy, effective way to give your business an accessible face. - [404 pages](https://www.untitledui.com/react/marketing/404-pages): (PRO) When a user sees a 404 page, it means something has gone wrong. ## React resources - [Figma files](https://www.untitledui.com/resources/figma-files): The Untitled UI Figma UI kits that the React components are designed from. - [Icons](https://www.untitledui.com/resources/icons): 1,100+ free line-style icons (`@untitledui/icons`), plus 4,600+ PRO icons in four styles (`@untitledui-pro/icons`). - [File icons](https://www.untitledui.com/resources/file-icons): File type icons (`@untitledui/file-icons`). - [Flag icons](https://www.untitledui.com/resources/flag-icons): Country flag icons, also served as SVGs from `https://images.untitledui.xyz/flags/{code}.svg`. - [Avatars](https://www.untitledui.com/resources/avatars): 144 placeholder avatars, served from `https://www.untitledui.com/images/avatars/{name}`. - [Logos](https://www.untitledui.com/resources/logos): 180+ company logos for use in social proof and integration sections. ## Figma components Categories in the Figma UI kit. Each page has a live preview, variant list and FAQs. - [All Figma components](https://www.untitledui.com/components): All 112 Figma component categories, each with a live preview and FAQs. - [404 page headers](https://www.untitledui.com/components/404-page-headers) - [404 pages](https://www.untitledui.com/components/404-pages): When a user sees a 404 page, it means something has gone wrong. - [About pages](https://www.untitledui.com/components/about-pages): Powerful and customizable React about page examples built for modern and responsive websites. - [Activity feeds](https://www.untitledui.com/components/activity-feeds): Powerful and customizable React activity feed components built for modern applications and websites. - [Activity gauges](https://www.untitledui.com/components/activity-gauges): Powerful and customizable React activity gauge components built for modern applications and websites. - [Alerts](https://www.untitledui.com/components/alerts): Powerful and customizable React alert components built for modern applications and websites. - [Application header navigations](https://www.untitledui.com/components/application-header-navigations) - [Avatars](https://www.untitledui.com/components/avatars): 144 placeholder avatars, served from `https://www.untitledui.com/images/avatars/{name}`. - [Badges](https://www.untitledui.com/components/badges): Free and open-source React badge components built for modern applications and websites. - [Banners](https://www.untitledui.com/components/banners): A banner displays a brief, important message or announcement within an application or web app, and provides actions for users to respond or dismiss it. - [Blog post sections](https://www.untitledui.com/components/blog-post-sections) - [Blog posts](https://www.untitledui.com/components/blog-posts) - [Blog sections](https://www.untitledui.com/components/blog-sections): Blog sections are useful for presenting recent or featured articles that the user may be interested in on other pages. - [Blogs](https://www.untitledui.com/components/blogs) - [Breadcrumbs](https://www.untitledui.com/components/breadcrumbs): Powerful and customizable React breadcrumb components built for modern applications and websites. - [Button groups](https://www.untitledui.com/components/button-groups): Free and open-source React button group components built for modern applications and websites. - [Buttons](https://www.untitledui.com/components/buttons): Free and open-source React button components built for modern applications and websites. - [Calendars](https://www.untitledui.com/components/calendars): Powerful and customizable React calendar components built for modern applications and websites. - [Card headers](https://www.untitledui.com/components/card-headers): Powerful and customizable React card header components built for modern applications and websites. - [Careers sections](https://www.untitledui.com/components/careers-sections): Careers sections are great for adding to pages to let potential candidates know you're hiring. - [Carousels](https://www.untitledui.com/components/carousels): Free and open-source React carousel components built for modern applications and websites. - [Checkboxes](https://www.untitledui.com/components/checkboxes): Free and open-source React checkbox components built for modern applications and websites. - [Code snippets](https://www.untitledui.com/components/code-snippets): Powerful and customizable React code snippet components built for modern applications and websites. - [Color pickers](https://www.untitledui.com/components/color-pickers): Powerful and customizable React color picker components built for modern applications and websites. - [Color styles](https://www.untitledui.com/components/color-styles) - [Command menus](https://www.untitledui.com/components/command-menus): Powerful and customizable React command menu components built for modern applications and websites. - [Contact pages](https://www.untitledui.com/components/contact-pages): Far too many designers put contact pages near the bottom of their priority list in terms of copywriting and design. - [Contact sections](https://www.untitledui.com/components/contact-sections): Far too many designers put contact pages near the bottom of their priority list in terms of copywriting and design. - [Content dividers](https://www.untitledui.com/components/content-dividers): Powerful and customizable React content divider components built for modern applications and websites. - [Content sections](https://www.untitledui.com/components/content-sections) - [Context menus](https://www.untitledui.com/components/context-menus): Free and open-source React context menu components built for modern applications and websites. - [Credit cards](https://www.untitledui.com/components/credit-cards): Free and open-source React credit card components built for modern applications and websites. - [CTA sections](https://www.untitledui.com/components/cta-sections): Call-to-action (CTA) sections guide users towards your goal conversion. - [Cursors](https://www.untitledui.com/components/cursors) - [Dashboards](https://www.untitledui.com/components/dashboards): Build out your web application with our production-ready React dashboard templates, each built around a vertical sidebar navigation. - [Date pickers](https://www.untitledui.com/components/date-pickers): Free and open-source React date picker components built for modern applications and websites. - [Design annotations](https://www.untitledui.com/components/design-annotations) - [Device mockups](https://www.untitledui.com/components/device-mockups) - [Drawers](https://www.untitledui.com/components/drawers): Powerful and customizable React drawer components built for modern applications and websites. - [Dropdowns](https://www.untitledui.com/components/dropdowns): Free and open-source React dropdown components built for modern applications and websites. - [Email templates](https://www.untitledui.com/components/email-templates): These are a collection of common transactional and marketing email templates. - [Empty states](https://www.untitledui.com/components/empty-states): Powerful and customizable React empty state components built for modern applications and websites. - [FAQ page examples](https://www.untitledui.com/components/faq-page-examples) - [FAQ sections](https://www.untitledui.com/components/faq-sections): FAQ sections are important because they save time for both customers and employees. - [Features sections](https://www.untitledui.com/components/features-sections): The purpose of a features section is pretty straightforward: it's there to explain what the product or service does and how it can help. - [File icons](https://www.untitledui.com/components/file-icons): File type icons (`@untitledui/file-icons`). - [File uploaders](https://www.untitledui.com/components/file-uploaders): Free and open-source React file upload components built for modern applications and websites. - [Filters](https://www.untitledui.com/components/filters) - [Flag icons](https://www.untitledui.com/components/flag-icons): Country flag icons, also served as SVGs from `https://images.untitledui.xyz/flags/{code}.svg`. - [Folder icons](https://www.untitledui.com/components/folder-icons) - [Footers](https://www.untitledui.com/components/footers): The website footer is the section of content at the very bottom of a web page. - [Forgot password headers](https://www.untitledui.com/components/forgot-password-headers) - [Grids spacing](https://www.untitledui.com/components/grids-spacing) - [Header navigations](https://www.untitledui.com/components/header-navigations): Free and open-source React header navigation components built for modern applications and websites. - [Header sections](https://www.untitledui.com/components/header-sections): The hero header section is usually the first thing users see when arriving on a website. - [Horizontal tabs](https://www.untitledui.com/components/horizontal-tabs) - [Icons](https://www.untitledui.com/components/icons): 1,100+ free line-style icons (`@untitledui/icons`), plus 4,600+ PRO icons in four styles (`@untitledui-pro/icons`). - [Informational pages](https://www.untitledui.com/components/informational-pages): Build out your web application with our production-ready React informational pages templates, each built around a vertical sidebar navigation. - [Inline CTAs](https://www.untitledui.com/components/inline-ctas): Powerful and customizable React inline CTA components built for modern applications and websites. - [Inputs](https://www.untitledui.com/components/inputs): Free and open-source React input field components built for modern applications and websites. - [Integration icons](https://www.untitledui.com/components/integration-icons) - [Landing pages](https://www.untitledui.com/components/landing-pages): Landing pages are designed with a single goal in mind: converting visitors. - [Legal pages](https://www.untitledui.com/components/legal-pages): Legal pages are essential for transparency and compliance. - [Line bar charts](https://www.untitledui.com/components/line-bar-charts): Free and open-source React line and bar chart components built for modern applications and websites. - [Loading indicators](https://www.untitledui.com/components/loading-indicators): Free and open-source React loading indicator components built for modern applications and websites. - [Log in headers](https://www.untitledui.com/components/log-in-headers) - [Log in pages](https://www.untitledui.com/components/log-in-pages): Log in is often the first interaction a user has with your product. - [Logos](https://www.untitledui.com/components/logos): 180+ company logos for use in social proof and integration sections. - [Messaging](https://www.untitledui.com/components/messaging): Powerful and customizable React messaging components built for modern applications and websites. - [Metrics](https://www.untitledui.com/components/metrics): Powerful and customizable React metric components built for modern applications and websites. - [Metrics sections](https://www.untitledui.com/components/metrics-sections): Metrics sections are useful for communicating authority and social proof to users. - [Miscellaneous assets](https://www.untitledui.com/components/miscellaneous-assets) - [Modals](https://www.untitledui.com/components/modals): Powerful and customizable React modal components built for modern applications and websites. - [Multi select](https://www.untitledui.com/components/multi-select): Free and open-source React multi select components built for modern applications and websites. - [Newsletter CTA sections](https://www.untitledui.com/components/newsletter-cta-sections): An effective way to gain new email subscribers is by adding an eye-catching newsletter CTA section to pages. - [Notifications](https://www.untitledui.com/components/notifications): Powerful and customizable React notification components built for modern applications and websites. - [Page headers](https://www.untitledui.com/components/page-headers): Powerful and customizable React page header components built for modern applications and websites. - [Pagination](https://www.untitledui.com/components/pagination): Free and open-source React pagination components built for modern applications and websites. - [Payment icons](https://www.untitledui.com/components/payment-icons) - [Pie charts](https://www.untitledui.com/components/pie-charts): Powerful and customizable React pie chart components built for modern applications and websites. - [Portfolio mockups](https://www.untitledui.com/components/portfolio-mockups) - [Press mentions sections](https://www.untitledui.com/components/press-mentions-sections) - [Pricing pages](https://www.untitledui.com/components/pricing-pages): Dedicated pricing pages are common, especially for larger SaaS products where there are multiple different plans/tiers to choose from. - [Pricing sections](https://www.untitledui.com/components/pricing-sections): Dedicated pricing pages are common, especially for larger SaaS products where there are multiple different plans/tiers to choose from. - [Progress circles](https://www.untitledui.com/components/progress-circles) - [Progress indicators](https://www.untitledui.com/components/progress-indicators): Free and open-source React progress indicator components built for modern applications and websites. - [Progress steps](https://www.untitledui.com/components/progress-steps): Powerful and customizable React progress step components built for modern applications and websites. - [Radar charts](https://www.untitledui.com/components/radar-charts): Powerful and customizable React radar chart components built for modern applications and websites. - [Radio groups](https://www.untitledui.com/components/radio-groups): Powerful and customizable React radio group components built for modern applications and websites. - [Section footers](https://www.untitledui.com/components/section-footers): Powerful and customizable React section footer components built for modern applications and websites. - [Section headers](https://www.untitledui.com/components/section-headers): Powerful and customizable React section header components built for modern applications and websites. - [Select](https://www.untitledui.com/components/select): Free and open-source React select components built for modern applications and websites. - [Settings pages](https://www.untitledui.com/components/settings-pages): Build out your web application with our production-ready React settings pages templates, each built around a vertical sidebar navigation. - [Shadows blurs](https://www.untitledui.com/components/shadows-blurs) - [Sidebar navigations](https://www.untitledui.com/components/sidebar-navigations): Free and open-source React sidebar navigation components built for modern applications and websites. - [Sign up headers](https://www.untitledui.com/components/sign-up-headers) - [Sign up pages](https://www.untitledui.com/components/sign-up-pages): Sign up page designs should be easy to understand and require no thought from the user. - [Sliders](https://www.untitledui.com/components/sliders): Free and open-source React slider components built for modern applications and websites. - [Social icons](https://www.untitledui.com/components/social-icons) - [Social proof sections](https://www.untitledui.com/components/social-proof-sections): While user testimonials can add value to a product, business credentials can add trust to the product. - [Tables](https://www.untitledui.com/components/tables): Free and open-source React table components built for modern applications and websites. - [Tags](https://www.untitledui.com/components/tags): Free and open-source React tag components built for modern applications and websites. - [Team pages](https://www.untitledui.com/components/team-pages): Adding a team page to a website is an easy, effective way to give your business an accessible face. - [Team sections](https://www.untitledui.com/components/team-sections): Adding a team section to a website is an easy, effective way to give your business an accessible face. - [Testimonial sections](https://www.untitledui.com/components/testimonial-sections): Testimonial sections are great for communicating social proof. - [Toggles](https://www.untitledui.com/components/toggles): Free and open-source React toggle field components built for modern applications and websites. - [Tooltips](https://www.untitledui.com/components/tooltips): Free and open-source React tooltip components built for modern applications and websites. - [Tree views](https://www.untitledui.com/components/tree-views): Powerful and customizable React tree view components built for modern applications. - [Typography styles](https://www.untitledui.com/components/typography-styles) - [Verification headers](https://www.untitledui.com/components/verification-headers) - [Vertical tabs](https://www.untitledui.com/components/vertical-tabs) - [Video players](https://www.untitledui.com/components/video-players): Powerful and customizable React video player components built for modern applications and websites. ## Guides - [Blog index](https://www.untitledui.com/blog): Every guide and comparison. - [Base UI vs. React Aria Components: Which Headless React Library Should You Use in 2026?](https://www.untitledui.com/blog/base-ui-vs-react-aria) - [14 Best Figma Courses (2026 edition)](https://www.untitledui.com/blog/best-figma-courses) - [12 Best FREE Figma Courses (2026)](https://www.untitledui.com/blog/best-free-figma-courses) - [31 Best Free Fonts for Modern UI Design in 2026 (+ Typography Best Practices)](https://www.untitledui.com/blog/best-free-fonts) - [How to Create Data Tables in Figma: Best Practices and Figma File](https://www.untitledui.com/blog/create-tables-in-figma) - [The Ultimate Guide to Creating Color Palettes in Figma (free Figma file)](https://www.untitledui.com/blog/figma-color-palettes) - [30 Best Figma UI Kits and Design Systems (2026 edition)](https://www.untitledui.com/blog/figma-ui-kits): Ranked comparison of 30 Figma UI kits and design systems. - [25 Best FREE Icon Sets for UI Design (2026 edition)](https://www.untitledui.com/blog/free-icon-sets) - [Top 13 Premium Icon Sets for UI Design (2026 edition)](https://www.untitledui.com/blog/icon-sets) - [How Much Do Product Designers and UI Designers Make? (2026 Salary Guide)](https://www.untitledui.com/blog/product-designer-salaries) - [15 Best React UI Component Libraries in 2026 (+ Alternatives to MUI & Shadcn)](https://www.untitledui.com/blog/react-component-libraries): 15 React UI libraries compared. - [19 Best React Dashboards in 2026](https://www.untitledui.com/blog/react-dashboards) - [10 Best shadcn/ui Alternatives in 2026 (Tested and Compared)](https://www.untitledui.com/blog/shadcn-alternatives) - [10 Best Tailwind Plus Alternatives in 2026 (After the Shopify Acquisition)](https://www.untitledui.com/blog/tailwind-plus-alternatives) - [24 Books Every Modern UI Designer Should Read (2026)](https://www.untitledui.com/blog/ui-design-books) - [How to Improve Your UI Design Skills (2026 guide)](https://www.untitledui.com/blog/ui-design-skills) - [Untitled UI React vs. Base UI: Which Should You Use in 2026?](https://www.untitledui.com/blog/untitled-ui-vs-base-ui) - [Untitled UI vs. MUI: Which React Component Library Should You Use in 2026?](https://www.untitledui.com/blog/untitled-ui-vs-mui) - [Untitled UI React vs. React Aria Components: Which Should You Build On in 2026?](https://www.untitledui.com/blog/untitled-ui-vs-react-aria) - [Untitled UI vs. shadcn/ui: Which React Component Library Should You Use in 2026?](https://www.untitledui.com/blog/untitled-ui-vs-shadcn) - [The 19 Best Books to Learn UX Design in 2026](https://www.untitledui.com/blog/ux-design-books) - [How Much Do UX Designers Make? (2026 Salary Guide)](https://www.untitledui.com/blog/ux-designer-salaries) - [22 Best UI Component Libraries for Vibe Coding in 2026](https://www.untitledui.com/blog/vibe-coding-libraries): Which component libraries work best with AI coding tools. - [What is a Design System? Definition, Examples, and How to Build One (2026)](https://www.untitledui.com/blog/what-is-a-design-system): What a design system is and how it differs from a UI kit. - [What is a UI Kit? Definition, Examples, and Why You Should Use One](https://www.untitledui.com/blog/what-is-a-ui-kit): Definition, examples, and when a UI kit is worth using. ## Company - [FAQs](https://www.untitledui.com/faqs): Billing, licensing, team seats, refunds, invoices. - [License agreement](https://www.untitledui.com/license) - [Enterprise license (EULA)](https://www.untitledui.com/eula) - [Security](https://www.untitledui.com/security) - [Changelog](https://www.untitledui.com/changelog): Every release since 2022. - [Wall of love](https://www.untitledui.com/wall-of-love): Customer reviews. - [Affiliates](https://www.untitledui.com/affiliates): 30% commission program. ## Optional - [GitHub repository](https://github.com/untitleduico/react): Source for the open-source React components. - [sitemap.xml](https://www.untitledui.com/sitemap.xml): Every page, including the individual component and template example pages. - [Privacy policy](https://www.untitledui.com/privacy) - [Terms](https://www.untitledui.com/terms) - [Cookie policy](https://www.untitledui.com/cookies) - [Data processing agreement](https://www.untitledui.com/dpa) - [Subprocessors](https://www.untitledui.com/subprocessors)