Component Library
Pre-made UI components you can install directly into your project via the shadcn registry. Each component is composable, theme-aware, and works with any shadcn-based project.
Quick install
npx shadcn add https://www.reflet.app/r/feedback-sweep-corner.json
Feedback Cards
Three distinct visual styles for displaying feedback items. Each uses a composable sub-component API and manages vote state internally via React context.
Sweep Corner
Add keyboard shortcuts
Minimal Notch
Add keyboard shortcuts
PlannedEditorial Feed
Add keyboard shortcuts
Sweep Corner
Corner vote badge with animated up/down buttons and sweep gradient effect.
Minimal Notch
Side vote column with an animated glowing notch bar and status badges.
Editorial Feed
Stacked editorial layout with margin vote annotations and vertical rules.
Composable API
Each component exports multiple named sub-components that you compose together. This gives you full control over layout and content while the root provider manages shared state.
import {
SweepCorner,
SweepCornerBadge,
SweepCornerCard,
SweepCornerContent,
SweepCornerFooter,
SweepCornerTag,
SweepCornerTags,
SweepCornerTitle,
} from "@/components/ui/feedback-sweep-corner";
import {
MinimalNotch,
MinimalNotchCard,
MinimalNotchMeta,
MinimalNotchStatus,
MinimalNotchTag,
MinimalNotchTags,
MinimalNotchTitle,
MinimalNotchVote,
} from "@/components/ui/feedback-minimal-notch";
import {
EditorialFeed,
EditorialFeedComments,
EditorialFeedContent,
EditorialFeedItem,
EditorialFeedMeta,
EditorialFeedRule,
EditorialFeedStatus,
EditorialFeedTag,
EditorialFeedTime,
EditorialFeedTitle,
EditorialFeedVote,
} from "@/components/ui/feedback-editorial-feed";Getting Started
Installation guide — how to add components to your project.
Theming guide — how components adapt to your theme via CSS variables.