FB-04FeedbackNew, November 10, 2026
Empty State
An empty list that shows what is missing and turns into it: the card in the drawing becomes your first project, ready to rename.
lucide-react, motion
PRODither Reveal Hero and more like it are in Kokonut UI Pro
Installation
Empty State is a free, open-source React component in the Kokonut UI Feedback collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/empty-state.tsx, so the code is yours to change.
npx shadcn@latest add @kokonutui/empty-stateUsage
import EmptyState from "@/components/kokonutui/empty-state";
export default function Example() {
return <EmptyState />;
}Dependencies
Built with React, Tailwind CSS, lucide-react and motion.

