Installation

Copy Markdown

Get Shark UI running in your project.

Prerequisites#

Components require Tailwind CSS v4. Before you begin, make sure you have a project set up with Tailwind CSS installed.

pnpmbunnpmyarn

pnpm dlx shadcn@latest add @shark/<component>

Copy component source from the component docs via the Manual tab.

pnpmbunnpmyarn

pnpm dlx shadcn@latest add @shark/ui

For new projects, you have the CLI and Manual setup.

pnpmbunnpmyarn

pnpm dlx shadcn@latest init @shark/style

[

Next.js

](/docs/installation/next)[

Vite

](/docs/installation/vite)[

TanStack Start

](/docs/installation/tanstack-start)[

Astro

](/docs/installation/astro)[

React Router

](/docs/installation/react-router)[

Laravel

](/docs/installation/laravel)[

Manual

](/docs/installation/manual)

For theming and layout setup, see Styling.

See Colors for the full palette and variable reference.

[

Introduction ](/docs)[

Styling ](/docs/styling)

On This Page