export const title = "Introduction"
export const description = "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."
export const metaDescription = "Welcome to Untitled UI React documentation. Untitled UI React is the world's largest collection of open-source React components."

<Divider />

## What is Untitled UI React?

[Untitled UI React](https://www.untitledui.com/react/) is the world's largest collection of open-source React components built with Tailwind CSS v4.3 and React Aria v1.21. Just copy, paste, and build.

Skip months of design and development with pixel-perfect, production-ready components. Untitled UI React is built with React Aria v1.21 and TypeScript v6.0, and styled with the latest version of Tailwind CSS v4.3.

It's the perfect starting point for any project—everything you need to design and build modern, beautiful interfaces and websites.

<Divider />

## Tech stack

We've kept our tech stack minimal, so you can focus on building. Untitled UI is powered by:

<div className="not-typography grid grid-cols-1 gap-3 mt-8 lg:grid-cols-2">
    <FileCard type="react" title="React" subtitle="v19.2" />
    <FileCard type="tailwind" title="Tailwind CSS" subtitle="v4.3" />
    <FileCard type="typescript" title="TypeScript" subtitle="v5.9" />
    <FileCard type="reactaria" title="React Aria" subtitle="v1.20" />
</div>

<Divider />

## Accessibility

Accessibility isn’t optional—it’s the baseline for any modern build.

To ensure every component meets accessibility standards and best practices, we built our components based on [React Aria](https://react-spectrum.adobe.com/react-aria/index.html). React Aria is a library of unstyled primitives that make it easy to build high-quality and accessible components.

<Divider />

## How is this different from a library?

Unlike traditional component libraries that are installed as a dependency, Untitled UI React gives you the source code.

When you select a component, its code is added directly to your project. This means no package dependencies to manage and no vendor lock-in! You have full control to modify, extend, or adapt the components to your specific needs—because you own the code.

<Divider />

## Next steps

Check out our [installation guide](/docs/installation) to get started.

Want to contribute? Head to our [GitHub repo](https://github.com/untitleduico/react) to open an issue or pull request—we’re always looking to improve and make these components even more useful for you.

<div className="not-typography grid grid-cols-1 gap-3 mt-8 lg:grid-cols-2">
    <FileCard type="githubrepo" title="Untitled UI React" subtitle="github.com/untitleduico" />
    <FileCard type="figmapublic" title="Untitled UI Figma" subtitle="untitledui.com/figma" />
</div>

<Divider />

<FAQ
    faqs={[
        {
            question: "What is Untitled UI React?",
            answer: "[Untitled UI React](https://www.untitledui.com/react) is the world's largest collection of open-source React components. Everything you need to design and develop modern, beautiful interfaces—fast.\n\nSkip months of design and development with pixel-perfect, production-ready components. Untitled UI React is built with React Aria v1.21 and TypeScript v6.0, and styled with Tailwind CSS v4.3. It's the perfect starting point for any project, no matter the size.",
        },
        {
            question: "Is Untitled UI React free and open-source?",
            answer: "We've made a huge portion of [Untitled UI React](https://www.untitledui.com/react) completely free and open-source! open-source components are licensed under [the MIT license](https://opensource.org/license/MIT), which means you can use them for free in unlimited commercial projects.\n\nUntitled UI React [base components](https://www.untitledui.com/react/components) are open-source, along with core [application UI components](https://www.untitledui.com/react/application-ui) such as tables, tabs, date pickers, charts, pagination, modals, and navigation, plus a free variant in every [marketing website section](https://www.untitledui.com/react/marketing) category.\n\nThe [PRO version](https://www.untitledui.com/buy/react) includes hundreds more advanced application UI components, hundreds of [marketing website sections](https://www.untitledui.com/react/marketing), and 200+ [dashboards](https://www.untitledui.com/react/components/dashboards), [settings pages](https://www.untitledui.com/react/components/settings-pages), and [marketing page examples](https://www.untitledui.com/react/marketing/landing-pages).",
        },
        {
            question: "What tech stack does Untitled UI React use?",
            answer: "Untitled UI React components are built with and powered by:\n\n- [React v19.3](https://react.dev/blog/2026/09/09/react-19-3)\n- [Tailwind CSS v4.3](https://tailwindcss.com/blog/tailwindcss-v4)\n- [TypeScript v6.0](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-6-0.html)\n- [React Aria](https://react-spectrum.adobe.com/react-aria/index.html)\n\nWe’ve kept our tech stack minimal, so you can focus on building instead of wrestling with dependencies. You own the code so you can build and extend without relying on third-party maintainers.\n\nWe're always working to make Untitled UI better than ever, including implementing new updates into our products as fast as possible. All Untitled UI products come with free updates for life.",
        },
        {
            question: "What version of Tailwind CSS does Untitled UI React use?",
            answer: "Untitled UI React components are built using the latest version of [Tailwind CSS (v4.3)](https://tailwindcss.com/blog/tailwindcss-v4), giving you access to the newest utility classes, performance improvements, and best practices from the Tailwind team.",
        },
        {
            question: "Do Untitled UI React components work with React v19.3?",
            answer: "Untitled UI React components are built with the latest version of [React (v19.3)](https://react.dev/blog/2026/09/09/react-19-3), so you get modern features, improved performance, and full compatibility with the newest React updates out of the box.",
        },
        {
            question: "What version of TypeScript does Untitled UI React use?",
            answer: "Untitled UI React components are built with the latest version of [TypeScript (v5.9)](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-6-0.html), so you get modern features, better type safety, and performance improvements out of the box.",
        },
        {
            question: "Can I contribute to Untitled UI React?",
            answer: "Yes! We're always working to improve Untitled UI React and make the components even more useful. If you'd like to contribute, head over to our [GitHub repository](https://github.com/untitleduico/react) and open an issue or submit a pull request.",
        },
        {
            question: "Does Untitled UI React have a Figma library?",
            answer: "Yes, Untitled UI React is perfectly aligned with [Untitled UI Figma](https://www.untitledui.com/figma), the world’s largest and most popular Figma UI kit and design system.\n\nKeep design and code perfectly in sync, with free updates for life.",
        },
    ]}
/>