āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā š shadcn/directory/adityakishore0/scrollx-ui/installation ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
Welcome to ScrollX UI ā a modern component library built on Next.js, TypeScript, and Tailwind CSS (v3).
This guide walks you through setting up the environment.
To get started, create a new Next.js project using your preferred package manager:
<Tabs defaultValue="npm" className="w-full"> <TabsList> <TabsTrigger value="npm">npm</TabsTrigger> <TabsTrigger value="yarn">yarn</TabsTrigger> <TabsTrigger value="pnpm">pnpm</TabsTrigger> <TabsTrigger value="bun">bun</TabsTrigger> </TabsList><Step>Create a new project</Step>
<TabsContent value="npm"> ```tsx npx create-next-app@latest ``` </TabsContent> <TabsContent value="yarn"> ```tsx npx create-next-app@latest ``` </TabsContent> <TabsContent value="pnpm"> ```tsx pnpm create next-app@latest ``` </TabsContent> <TabsContent value="bun"> ```tsx bun x --bun create-next-app@latest ``` </TabsContent> </Tabs><Step>On installation, you'll see the following prompts:</Step>
```tsx
What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use src/ directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias (@/)? No / Yes
What import alias would you like configured? @/
<Step>Start the app</Step>
```tsx
cd my-app
npm run dev
After installation, check out our Installation Guide .
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā