Installation

How to install dependencies and structure your app.

Note: Tween uses the same installation process as shadcn/ui.

Run the init command to create a new Next.js project or to setup an existing one:


pnpm dlx shadcn@latest init

You can now start adding components to your project.


pnpm dlx shadcn@latest add https://tweenui.dev/r/<component>.json

Components are added to your components/ directory and can then be imported like this:

import { Component } from "@/components/ui/component"
 
export default function Home() {
  return <Component />
}

On This Page

Contribute