Application Shell 9 - Projects with color dotsPro

About Application Shell 9

Sidebar listing projects with neutral shade dots and issue counts, framing a three-column board of task cards for the selected project.

Application Shell 9 is a pro application shell block for React, built on shadcn/ui and Tailwind CSS. It ships as 170 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

• sidebar
• projects
• dots
• kanban
• board

Installation

1. Add the Chocolate UI registry to your components.json (see the installation guide).
2. Run the shadcn CLI:

npx shadcn@latest add @chocolate/application-shell-09

Dependencies installed automatically: lucide-react.

Uses: avatar, button, sheet, utils.

Usage

import ApplicationShell09 from "@/components/blocks/application-shell-09"

export default function Page() {
  return <ApplicationShell09 />
}

FAQ