ScrollX UI v2.1 — 🎉 Introducing Blocks & New Components

What’s New

ScrollX UI v2.1 is here! This release introduces the brand-new Blocks system, along with new UI components, Tailwind v4 documentation improvements, and registry updates. Build complete, production-ready sections faster while keeping full compatibility with modern React and Tailwind.

Features & Enhancements

• Feat: Introducing Blocks v2.1 — production-ready section patterns (Hero, Logo Cloud, FAQ, and more)
• Feat: CLI support for Blocks — add blocks directly to your project
• Feat: Layer Stack component
• Feat: Select component
• Feat: Keyboard component
• Refactor: Organized global styles
• Docs: Updated Tailwind v4 configuration
• Chore: Updated registryDeps for Blocks

Breaking Changes

⚠️ Blocks require proper Tailwind v4 setup as documented.

Installation

Add a Block directly using the CLI:

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

Example:

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

Make sure your project is configured with Tailwind v4 before installing Blocks.

Full Changelog

• Docs: Updated Tailwind configuration by @Adityakishore0 in [#865]
• Refactor: Organize Global Styles & Update Tailwind v4 Docs by @Adityakishore0 in [#866]
• Feat: Layer Stack component by @Adityakishore0 in [#868]
• Feat: Select component by @Adityakishore0 in [#870]
• Feat: Keyboard component by @Adityakishore0 in [#872]
• Feat: Introduce Blocks v2.1 by @Adityakishore0 in [#874]
• Feat: Blocks v2.1 updated registryDeps by @Adityakishore0 in [#875]

[Compare v2.0 → v2.1]