Aura UI

Installation

How to install Aura UI in your TypeScript application.

Aura UI follows the same installation workflow as shadcn/ui. Components are copied into your project, allowing you to fully customize them.

Initialize your project

Initialize shadcn/ui if you haven't already. Aura UI uses the same registry and installation workflow.

npx shadcn@latest init

Refer to the shadcn/ui documentation if you need help configuring your project for your framework.

Add a component

Install any Aura UI component directly from the registry.

npx shadcn@latest add https://aura-stack-ui.vercel.app/r/sign-in-react.json

This command downloads the component source code and places it inside your project, allowing you to modify it as needed.

Use the component

Import the component into your application and render it like any other React component.

login/page.tsx
import { SignIn } from "@/components/sign-in-react"

export function LoginPage() {
  return <SignIn />
}

Framework support

Aura UI provides framework-specific components optimized for each supported Aura Auth integration.

What's next?

Now that Aura UI is installed, browse the available authentication blocks and add them to your application.