Feature 93 - Onboarding checklist with live progressPro
Copy on the left, an interactive setup checklist on the right whose progress bar and counter update as items are ticked.
About Feature 93
Copy on the left, an interactive setup checklist on the right whose progress bar and counter update as items are ticked.
Feature 93 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 101 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- onboarding
- checklist
- progress
- interactive
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add feature-93Dependencies installed automatically: lucide-react, motion.
Uses: button, reveal, utils.
Usage
import Feature93 from "@/components/blocks/feature-93"
export default function Page() {
return <Feature93 />
}