Installation

How to install dependencies and structure your app.

Edit on GitHub

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 Components

Run the add command to add a component to your project.

Import Components

Import the component to your project.

import { SlidingNumber } from '@/components/animate-ui/primitives/texts/sliding-number';

export default function Home() {
  return (
    <div>
      <SlidingNumber />
    </div>
  );
}

Built by Skyleen. The source code is available on GitHub.

Last updated: 9/27/2025