KokonutUI Logo

FB-03FeedbackNew, November 10, 2026

Save Status

An autosave pill for editors that says Editing, Saving or Saved, counts changes while offline, and syncs them when the connection comes back.

Install with
lucide-react, motion

PRODither Reveal Hero and more like it are in Kokonut UI Pro

Installation

Save Status 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/save-status.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/save-status

Usage

import SaveStatus from "@/components/kokonutui/save-status";

export default function Example() {
  return <SaveStatus />;
}

Dependencies

Built with React, Tailwind CSS, lucide-react and motion.

On this page

No Headings