Stop Rebuilding UI

Todo List Okr

React todo list OKR tracking block for Next.js with objectives, key results, progress percentages, and quarterly status indicators using shadcn/ui and Tailwind CSS

Scroll to load preview

Track objectives and key results with this React and Next.js OKR block. Objectives expand to reveal their key results, each with a progress percentage that rolls up to calculate the objective's overall completion. Status indicators show on track, at risk, or behind for quick assessment. Built with TypeScript, shadcn/ui Badge and Button components, and Tailwind CSS.

FAQ

Last updated on April 3, 2026

Was this page helpful?

Sign in to leave feedback.