# What is Radius?

Radius is a design system meta framework to accelerate the creation of your design system. Radius makes it easier for teams and organizations to build a high quality, well adopted design system with a fraction of the effort. Radius is built atop the best elements in the industry and fills in the nascent gaps to provide an end-to-end solution out of the box.

<figure><img src="https://2081133284-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuU1COYovw7ozuPBXEnzj%2Fuploads%2FGFlZb43jMhtvpHKPN8I9%2Fradius-home.svg?alt=media&#x26;token=2a74b9cc-6e2d-470d-ab2f-f8ed8be658f9" alt="radius-image"><figcaption></figcaption></figure>

Our goal is to simplify the path to a well adopted design system. Let's take a streamlined review of a few of the most critical pieces:

1. Figma Design Kit
2. Tokenization of the Design Kit
3. Coded Components
4. Tracking Design System Adoption

With Radius and ShadCN we have all of the above covered:

1. [radius-design-kit](https://radius.rangle.io/products/radius-design-kit "mention")
2. [radius-token-tango](https://radius.rangle.io/products/radius-token-tango "mention")
3. [Shadcn/ui](https://ui.shadcn.com/)
4. [radius-tracker](https://radius.rangle.io/products/radius-tracker "mention")

### Products

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th data-hidden></th><th data-hidden></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Radius Figma Design Kit v1.0</strong><br><br>Our take on the renowned Shadcn component collection features themable components designed to integrate seamlessly with Tailwind CSS variables. More closer to code than ever.</td><td></td><td></td><td><a href="https://2081133284-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuU1COYovw7ozuPBXEnzj%2Fuploads%2FA3CgbLr8JH8lj4UjZwGy%2FFrame%201000002115.png?alt=media&#x26;token=16b59c3e-27cf-466f-8cd0-28e160b1604d">Frame 1000002115.png</a></td><td><a href="products/radius-design-kit">radius-design-kit</a></td></tr><tr><td><strong>Radius Token Tango</strong><br><br>Push, verify, and version tokens with our Figma plugin. Track changes, adjust components, and confidently hand over files.</td><td></td><td></td><td><a href="https://2081133284-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuU1COYovw7ozuPBXEnzj%2Fuploads%2FduiEa1ZKU9lTmqlcVlr2%2FFrame%201000002114.png?alt=media&#x26;token=9d4b6bea-5169-447a-aec8-a87805a6e0f0">Frame 1000002114.png</a></td><td><a href="products/radius-token-tango">radius-token-tango</a></td></tr><tr><td><strong>Radius Tracker</strong><br><br>A fully automated tool for collecting design system stats from the codebase</td><td></td><td></td><td><a href="https://2081133284-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuU1COYovw7ozuPBXEnzj%2Fuploads%2FL0JsR8A9C7pyeGA0muvd%2FFrame%201000002116.png?alt=media&#x26;token=0ce71c14-9c4b-4ae0-8ad4-a77cc3591c29">Frame 1000002116.png</a></td><td><a href="products/radius-tracker">radius-tracker</a></td></tr><tr><td><strong>Resources</strong><br><br>More related information</td><td></td><td></td><td><a href="https://2081133284-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuU1COYovw7ozuPBXEnzj%2Fuploads%2F2eyszk8MwibppShcO8Vp%2FFrame%201000002117.png?alt=media&#x26;token=db0f4130-8c74-4150-93b4-9df28012dd91">Frame 1000002117.png</a></td><td><a href="products/radius-resources">radius-resources</a></td></tr></tbody></table>

<figure><img src="https://2081133284-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuU1COYovw7ozuPBXEnzj%2Fuploads%2Fd4kwTpUQIOBR054rRCPR%2FLine%203.svg?alt=media&#x26;token=44404eab-372f-455c-ac46-ed56fddd17e3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2081133284-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuU1COYovw7ozuPBXEnzj%2Fuploads%2FFciQKKNxPQMdOgdBmIzE%2Fradius-x-rangle.svg?alt=media&#x26;token=91b0d061-58fd-4aad-80bd-0a9b16912154" alt="radius-rangle-image"><figcaption></figcaption></figure>

### Learning. Curved.

Design Systems are a new way of working.

Finding your flow may take some time, but rest assured, we'll support you in any capacity. Our commitment lies in the "teach a man to fish" philosophy. Our goal is to equip you with the knowledge to thrive well beyond our time together. Our journey will be educational, inspirational, and transformational.[ <mark style="color:red;">**Let’s chat**</mark>](https://rangle.io/contact-us)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://radius.rangle.io/what-is-radius.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.