Block · CLI

Showcase Carousel

Snap-scroll customer showcase with scroll controls. Install as @atroui/showcase-carousel.

Preview

npx shadcn@latest add @atroui/showcase-carousel

Showcase

Built with this kit.

Replace these cards with your customers' launches.

Northline billing portal

Self-serve upgrades with usage meters and dunning handled.

View case study

Fieldwork triage copilot

Grounded ticket answers with one-click human handoff.

View case study

Kiln storefront

Editorial PDPs on a 90+ Lighthouse storefront.

View case study

Orbit status pages

Incident comms your customers actually read.

View case study

Meridian onboarding

KYC flow that feels like a welcome, not an audit.

View case study

Installation

Agent blurb — install command + no npm UI rule. For agents

npx shadcn@latest add @atroui/showcase-carousel

Source lands in your repo. Installation · Registry

Usage

Customer proof section below features. Replace CARDS with your launches — buttons scroll by 320px with snap.

tsx

import { ShowcaseCarousel } from "@/components/blocks/showcase-carousel"

export function Example() {
  return <ShowcaseCarousel />
}

Block · CLI

Showcase Carousel

Snap-scroll customer showcase with scroll controls. Install as @atroui/showcase-carousel.

Preview

npx shadcn@latest add @atroui/showcase-carousel

Showcase

Built with this kit.

Replace these cards with your customers' launches.

Northline billing portal

Self-serve upgrades with usage meters and dunning handled.

View case study

Fieldwork triage copilot

Grounded ticket answers with one-click human handoff.

View case study

Kiln storefront

Editorial PDPs on a 90+ Lighthouse storefront.

View case study

Orbit status pages

Incident comms your customers actually read.

View case study

Meridian onboarding

KYC flow that feels like a welcome, not an audit.

View case study

Installation

Agent blurb — install command + no npm UI rule. For agents

npx shadcn@latest add @atroui/showcase-carousel

Source lands in your repo. Installation · Registry

Usage

Customer proof section below features. Replace CARDS with your launches — buttons scroll by 320px with snap.

tsx

import { ShowcaseCarousel } from "@/components/blocks/showcase-carousel"

export function Example() {
  return <ShowcaseCarousel />
}

import { ShowcaseCarousel } from "@/components/blocks/showcase-carousel"

export function Example() {
  return <ShowcaseCarousel />
}