Installation

Requirements

Use React 19, React DOM 19, Node 20 or newer, and a web bundler such as Vite or Next.js. TypeScript declarations are included. No shadcn registry or source path alias is required.

Install the package

npm install https://animui.stracture.net/__local/package.tgz

This public archive contains the complete animui 0.3.0 package. You can also install through the private GitHub repository if your GitHub account has access:

npm install git+https://github.com/omerkunul/animui.git#v0.3.0

Load styles once

import 'animui/styles.css';

Load this stylesheet once at the app root. It includes design tokens, component styles and local fonts. Integrate its base styles with your existing theme deliberately.

Next.js

Import the stylesheet from app/layout.tsx. Use the package from a client component:

"use client";
import { Button } from "animui/button";

export default function SaveButton() {
  return <Button onClick={() => console.log("Save")}>Save</Button>;
}

Vite

Import the stylesheet in src/main.tsx, then use typed subpath imports. Keep your existing router and application state.

import "animui/styles.css";
import { Button } from "animui/button";

Discover components and blocks

Each Code tab lists the actual implementation files. Read the API reference and shipped declarations before supplying props. All 250 entries are indexed for coding assistants.

npx --no-install animui list
npx --no-install animui info data-grid
npx --no-install animui doctor .

Offline installation

npm install ./animui-0.3.0.tgz

Free and Pro in one package

The package includes 132 Free and 118 Pro entries. Free Code files retain their original TypeScript sources; Pro Code files contain recovered compiled JavaScript and CSS. Original authored Pro TSX was unavailable. The repository remains private; this catalog and its download are public.

Blocks may include simulated demo data and actions. Connect your application data, callbacks and services through the props exposed by the installed package.