Review Feed

Every comment on a page in one list: filter by open or resolved, tick one off and watch it slide away, or type / to summarise them all or turn them into tasks.

akacomments panel·resolve

Install

Run this in any project set up for the shadcn CLI. It copies the Review Feed source into your components folder, so the code is yours to change.

npx shadcn@latest add https://devl.dev/r/review-feed.json

Use it

Import it and render it. Every prop has a typed default, so it works straight away, and you pass your own data when you’re ready.

import { ReviewFeed } from "@/components/review-feed";

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

Built with

A free React component in the Together collection, written in TypeScript with Tailwind CSS on coss ui. MIT licensed.

coss ui: tabs
npm: lucide-react, motion

Props

Read from the Review Feed source. Everything is optional unless it says required.

Prop	Type	Default
commentsrequired	ReviewComment[]	—
currentUser	{ name: string; initials: string; tone?: ReviewTone }	{ name: "You", initials: "YO", tone: "muted" }
summary	string	—
className	string	—

More in Together

103

Ghostwriters

A shared draft with a few ghostwriters in it: each agent's cursor glides in with its name, picks a phrase and types its suggestion right there in the text, and you keep or toss each one, or let them settle on their own.

104

Thread

A comment and its replies in one tidy card, where @mentions stand out and an assistant's reply opens up to show each step it took.

106

Social Pill

A like, comment, repost and share pill where each icon pops and fills with a tiny burst and every count rolls over digit by digit.

107

Project Pulse

A project in two lines that opens into its tasks: the ring gives every task its own arc in its owner's colour, tap a face to see just their work, and the status chip opens a picker.

Prop

Type

Default

commentsrequired

ReviewComment[]

—

currentUser

{ name: string; initials: string; tone?: ReviewTone }

{ name: "You", initials: "YO", tone: "muted" }

summary

string

—

className

string

—