Docs
Installation

Installation

How to install radixcn.

Getting started

Installation Getting up and running is quick and easy.

  1. Install Radix Themes Install the package from your command line.
pnpm add @radix-ui/themes
  1. Install shadcn
pnpm dlx shadcn@latest init
  1. Import the global CSS file at the root of your application.

Install this before any other imports to ensure the styles are applied correctly.

import "@radix-ui/themes/styles.css";
  1. Add Theme to your application, wrapping the root component inside of body.
import { Theme } from "@radix-ui/themes";
 
export default function () {
	return (
		<html>
			<body>
				<Theme>
					<MyApp />
				</Theme>
			</body>
		</html>
	);
}
  1. Start building!
pnpm dlx shadcn@latest add https://ui.fldr.zip/default/button

import { Button } from "@/components/ui/button";
 
export default function MyApp() {
	return (
		<div className="flex flex-col gap-2">
			<Button>Let's go</Button>
		</div>
	);
}

Add components from CLI

There are two ways to add components to your project using the CLI.

Default and New York will be treated the same.

  1. Using the components URL. (Note you will need to specify the style, e.g https://ui.fldr.zip/new-york/button)

  2. Using the REGISTRY_URL environment variable.

Using the components URL (Recommended)

pnpm dlx shadcn@latest add https://ui.fldr.zip/[[STYLE]]/button

Using the REGISTRY_URL environment variable

REGISTRY_URL=https://ui.fldr.zip/r pnpm dlx shadcn@latest add button
IntroductionTypography