The whole dashboard — every page under one sidebar, the sample data they read — is one command. Or take a page at a time: each one brings the sidebar with it.
npx shadcn@latest add @vibra/projects/projectsProjects dashboardnpx shadcn@latest add @vibra/projects-overview/projects/tasksTask boardnpx shadcn@latest add @vibra/projects-tasks/projects/timelineProject roadmapnpx shadcn@latest add @vibra/projects-timeline/projects/todoTo-do listnpx shadcn@latest add @vibra/projects-todo/projects/notesNotesnpx shadcn@latest add @vibra/projects-notes/projects/calendarTeam schedulenpx shadcn@latest add @vibra/projects-calendar/projects/workflowsWorkflowsnpx shadcn@latest add @vibra/projects-workflows/projects/chatChatnpx shadcn@latest add @vibra/projects-chat/projects/mailMailnpx shadcn@latest add @vibra/projects-mail/projects/socialSocialnpx shadcn@latest add @vibra/projects-social/projects/filesFiles overviewnpx shadcn@latest add @vibra/projects-files/projects/files/browseFile browsernpx shadcn@latest add @vibra/projects-files-browserSingle cards cut from these pages, each installed on its own.
npx shadcn@latest add @vibra/widget-projects-overview-project-statsActive projects and how many are at risk, the share on track, the hours logged this month and the overdue tasks; reads projectStats().
npx shadcn@latest add @vibra/widget-projects-overview-delivery-chartPoints planned against points done over three, six or twelve months, by week, fortnight or four weeks as the range picks; reads deliveryByRange().
npx shadcn@latest add @vibra/widget-projects-overview-team-cardHow many people are on the team, the six with the most on their plate, and the mean cycle time, throughput and review time; reads team().
npx shadcn@latest add @vibra/widget-projects-overview-due-this-weekThe three tasks due soonest, a card each with its priority, due day and project code, and a link through to the board; reads dueThisWeek().
npx shadcn@latest add @vibra/widget-projects-overview-delivered-by-quarterPoints finished in each of the last four quarters, as sideways bars; reads deliveredByQuarter().
npx shadcn@latest add @vibra/widget-projects-overview-effort-by-statusPoints on the board by column, as a ring with the total in its centre and a count a column under it in the ring's colours; reads effortByStatus().
npx shadcn@latest add @vibra/widget-projects-overview-projects-tableEvery project on the books with its owner, dates, status and progress — searchable, sortable and paged — each archived through the server from its row menu; reads projectRows().
npx shadcn@latest add @vibra/widget-projects-files-storage-statsThe drive's files in four kinds, each with its count, the bytes it takes as a share of everything used, and a way through to the browser; reads storageGroups().
npx shadcn@latest add @vibra/widget-projects-files-storage-bandWhat is used against the plan's quota as one bar split by kind, and how much is still free; reads storageBand().
npx shadcn@latest add @vibra/widget-projects-files-transfers-chartFiles moved in or out each month, desktop stacked on mobile, with the window it covers; reads transfersByMonth().
npx shadcn@latest add @vibra/widget-projects-files-uploads-chartUploads a month over the last twelve months, or a day over the last thirty or seven, as the reader switches; reads uploadsByRange().
npx shadcn@latest add @vibra/widget-projects-files-recent-uploadsThe files touched most recently, with kind, size and when each landed, starred through the server or readied for download from its row menu; reads recentUploads().
Every figure on these pages is read from these repositories of the sample store. Swap one for your own API and each page that reads it follows.