> ## Documentation Index
> Fetch the complete documentation index at: https://mds.stepanu.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Mavka is a premier ecosystem of production-ready React components built with Tailwind CSS and React Aria.

# Welcome to Mavka

Mavka is a design system built for the next generation of intelligent applications. It provides a cohesive language for designers and developers to build beautiful, accessible, and high-performance user interfaces.

## What is Mavka?

Mavka is a premier ecosystem of production-ready React components built with Tailwind CSS and React Aria. Just copy, paste, and build.

Skip months of design and development with pixel-perfect, production-ready components. Mavka is built with React Aria and TypeScript v5.8, and styled with the latest version of Tailwind CSS v4.1.

## Tech stack

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

<CardGroup cols={2}>
  <Card title="React" icon="react">
    v19.1 - Modern features and improved performance.
  </Card>

  <Card title="Tailwind CSS" icon="css3">
    v4.1 - Latest utility classes and performance improvements.
  </Card>

  <Card title="TypeScript" icon="code">
    v5.8 - Strong type safety and modern language features.
  </Card>

  <Card title="React Aria" icon="universal-access">
    v1.9 - High-quality, accessible unstyled primitives.
  </Card>
</CardGroup>

## 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**. React Aria is a library of unstyled primitives that make it easy to build high-quality and accessible components.

## How is this different from a library?

Unlike traditional component libraries that are installed as a dependency, Mavka 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.

## Next steps

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

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

<CardGroup cols={2}>
  <Card title="Mavka GitHub" icon="github" href="https://github.com/mavka">
    Explore the source code and contribute.
  </Card>

  <Card title="Mavka Figma" icon="figma" href="https://www.figma.com/design/LBQd6WF75IDv78TZYrMvgJ/%E2%9C%A6-PREVIEW-%E2%9C%A6--Mavka-BETA--1.1-?t=Yb2n77LbrPnLiAak-0">
    The world’s largest and most popular Figma UI kit.
  </Card>
</CardGroup>

## FAQs

Please refer to our [frequently asked questions](/documentation/faqs) page for more.

### Is Mavka free?

Yes! We've made a huge portion of Mavka completely free and open-source! Open-source components are licensed under the MIT license, which means you can use them for free in unlimited commercial projects.

### What's included in PRO?

The PRO version includes hundreds more advanced UI components and 250+ dashboards, settings pages, and marketing page examples.

### Is it aligned with Figma?

Yes, Mavka is perfectly aligned with Mavka Figma, keeping design and code perfectly in sync with free updates for life.

## Support

Need help or have questions? Reach out to our support team at [mavka.agcy@gmail.com](mailto:mavka.agcy@gmail.com).