> ## Documentation Index
> Fetch the complete documentation index at: https://sirius-b451bfde-cloudflare-workers-autoconfig.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Rayfield (2022) is a UI library for Roblox — open source, reliable, and built for production.

<img src="https://mintcdn.com/sirius-b451bfde-cloudflare-workers-autoconfig/iADiXzZb8iJawsiM/images/rayfield.png?fit=max&auto=format&n=iADiXzZb8iJawsiM&q=85&s=98ec62a7ccde5ad5339244810025fc16" alt="Rayfield interface" width="1920" height="1080" data-path="images/rayfield.png" />

Rayfield gives you a complete set of UI primitives for Roblox scripts. Windows, tabs, elements, notifications, themes — everything you need to ship a polished interface without building it yourself.

## What's included

<CardGroup cols={2}>
  <Card title="Production-ready" icon="shield-check">
    Stable across executor environments. Used in production scripts daily.
  </Card>

  <Card title="Reliable" icon="rotate-cw">
    Stable and consistent. Widely used across the Roblox scripting community.
  </Card>

  <Card title="Open source" icon="git-branch">
    Full source available on [GitHub](https://github.com/SiriusSoftwareLtd/Rayfield). Contributions welcome.
  </Card>

  <Card title="Batteries included" icon="sparkles">
    Key system, Discord auto-join, notifications, config saving — built in.
  </Card>
</CardGroup>

## Get started

<CardGroup cols={2}>
  <Card title="Load the library" icon="arrow-right" href="/rayfield/getting-started">
    One line to load Rayfield into your script.
  </Card>

  <Card title="Create a window" icon="monitor" href="/rayfield/windows">
    Set up your first window, tabs, and sections.
  </Card>
</CardGroup>

## Contributing

Found a bug or missing feature? Open an issue or pull request on [GitHub](https://github.com/SiriusSoftwareLtd/Rayfield), or suggest it on [Discord](https://discord.sirius.menu).