🎉 Sora UI is now part of the shadcn/ui registry ecosystem.
Sora UI

Installation

How to install dependencies and structure your app.

Note: We use installation process as shadcn/ui.

Initialize shadcn/ui

Run the init command to create a new project with shadcn/ui or setup an existing one.

Add the @soralabs registry

Sora UI is listed in the official shadcn registry index. Register the namespace once in your project:

Add components

Install primitives with the @soralabs scope. Browse the catalog in Primitives or list every item:

npx shadcn@latest list @soralabs

Only if the CLI errors — for example unknown registry, cannot resolve @soralabs, or fetch timeout — add the scope manually to components.json:

{
  "registries": {
    "@soralabs": "https://ui.soralabs.io.vn/r/{name}.json"
  }
}

For local registry testing (Sora UI repo with bun dev running), use this instead:

{
  "registries": {
    "@soralabs": "http://localhost:3000/r/{name}.json"
  }
}

Prefer the production URL when localhost is unavailable.

Import Components

Import the component to your project.

import { BlurTextReveal } from '@/components/sora-ui/texts/text-reveal-blur';

export default function Home() {
  return <BlurTextReveal text="Hello World" />;
}

Built by Axyl. The source code will be available on GitHub soon.

Last updated: 6/10/2026