@subframeapp/subframe

Open-source developer tools by Subframe, including our CLI tool, Radix components, and doc site

View in AI SkillSafe app
1144 downloads
0 stars
0 demos
SKILL.md

Subframe

Subframe 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

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@subframeapp/subframe/verified)](https://skillsafe.ai/skill/@subframeapp/subframe/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@subframeapp/subframe/installs)](https://skillsafe.ai/skill/@subframeapp/subframe/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@subframeapp/subframe/scan)](https://skillsafe.ai/skill/@subframeapp/subframe/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@subframeapp/subframe/eval)](https://skillsafe.ai/skill/@subframeapp/subframe/)