ScrollX UI — Basic Template

A modern starter template built with Next.js 16, Tailwind CSS v4, TypeScript, and ScrollX UI, deployed on Vercel.

Features

• Built with Next.js 16, React 19, TypeScript, and Tailwind CSS v4
• 139+ components and 27+ blocks from ScrollX UI
• Dark mode support via next-themes and ScrollX UI's ThemeSwitch
• Animations powered by Motion
• Syntax highlighting with rehype-pretty-code and Shiki
• Responsive for all devices
• Optimized for Next.js and Vercel

Getting Started

1. Clone this repository:

   git clone https://github.com/Adityakishore0/scrollxuidesign-basic_template.git

2. Move into the directory:

   cd scrollxuidesign-basic_template

3. Install dependencies:

   pnpm install

4. Start the dev server:

   pnpm run dev

Adding ScrollX UI Components

Install any component via the shadcn CLI:

npx shadcn@latest add https://scrollxui.dev/registry/[component].json

Or using the namespaced registry:

npx shadcn@latest add @scrollxui/[component]

Browse all 139+ components and 27+ blocks at scrollxui.dev.

License

Licensed under the MIT license.