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 initRefer 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.jsonThis 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.
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.
Next.js
Built for the App Router and Pages Router with client and server integrations.
React
Authentication components for React applications.
React Router
Components integrated with React Router navigation and routing.
What's next?
Now that Aura UI is installed, browse the available authentication blocks and add them to your application.