Introducing Blocks — v2.1

A brand-new Blocks system for building complete sections faster. Compose beautiful layouts using production-ready patterns.

What's New

  • Fully compatible with Tailwind v4 and React 19.
  • Introduced the new Blocks system.
  • Pre-built, production-ready sections (Hero, Logo Cloud, FAQ..).
  • Fully compatible with Tailwind v4 and React 19.
  • CLI support for adding blocks directly to your project.
  • Category-based block organization.

Install Blocks via CLI

Add a block to your project with one command:

npx shadcn@latest add @scrollxui/[block.category/block.name]

Example:

npx shadcn@latest add @scrollxui/hero-sections/hero-with-layers

Built withby Ahdeetai.