Installation

This guide will help you install and configure the library in your project.

Welcome to ScrollX-UI — a modern component library built on Next.js, TypeScript, and Tailwind CSS.
This guide walks you through setting up the environment.

Install Next.js

To get started, create a new Next.js project using your preferred package manager:

Create a new project

npx create-next-app@latest

On installation, you'll see the following prompts:

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? @/*

Start the app

cd my-app
npm run dev

Next Steps

After installation, check out our Installation Guide .