What is shadcx/ui

A streamlined shadcn/ui documentation with interactive playgrounds for every component.

Since shadcn/ui is an awesome project that inspires me a lot. But sometimes when I am reading its component documentation, if I want to try different prop values for certain components, I need to first install the component in my local project, then modify the props to see the effect.

That's why shadcx/ui was born. It's a streamlined version of shadcn/ui's component documentation system, and every component demo is an interactive playground where you can directly edit, debug, and see the effects of different props right on the page.

shadcx/ui

Features

  • Interactive documentation components (powered by Codespark)
  • Simplified documentation content, focusing only on core props usage
  • Regularly synced with the original project to ensure the latest features

On this page