---
slug: "subframe"
source_type: "readme"
source_url: "https://cdn.jsdelivr.net/gh/subframeapp/subframe@main/README.md"
repo: "https://github.com/subframeapp/subframe"
source_file: "README.md"
branch: "main"
---
# Subframe

**[Subframe](https://subframe.com) is a UI design tool featuring a drag-and-drop visual editor, React + Tailwind code export, and AI-powered design and prototyping features.**

<p align="center">
  <a href="https://join.slack.com/t/subframecommunity/shared_invite/zt-380uma6dv-_lr7_bDLU5DJcoygfUYkeQ">
    <img src="https://img.shields.io/badge/Slack-join-8F87F7?logo=slack" alt="Slack" />    
  </a>
  <a href="https://twitter.com/SubframeApp">
    <img src="https://img.shields.io/twitter/url?url=https%3A%2F%2Ftwitter.com%2FSubframeApp&label=subframe" alt="X" />
  </a>
</p>

<img src="https://www.subframe.com/_next/image?url=%2Fimages%2Fvideo-placeholder.webp&w=3840&q=75&dpl=dpl_1HwPoC3P3oUziQC2gSjZ5yybVFDA" />

## Packages

- `@subframe/core`: a lightweight wrapper around Radix's headless components. Used by the Subframe design system.
- `@subframe/cli`: a CLI tool for syncing your Subframe project with your codebase.

## Sites

- [Doc site](https://github.com/SubframeApp/subframe/tree/main/packages/docs) hosted at https://docs.subframe.com/