Release readinessPro
A launch checklist that keeps prerequisites, progress, and the final action together.
- A pre-launch or handoff gate where several checks must be done before one action unlocks.
- Release or launch checklists with a readiness bar and owners.
- Handoffs that should optionally notify people when the action runs.
- Use onboarding-checklist for a user's own getting-started tasks.
Installation
Install animui once, then import any component or block from its typed package entry.
React 19 and React DOM 19 are required. The package includes Free and Pro entries, styles and TypeScript declarations.
npm install https://animui.stracture.net/__local/package.tgzLoad the stylesheet once at your app root, then use the typed component import:
import 'animui/styles.css';
import { ReleaseReadiness } from 'animui/release-readiness';Read the Code tab for the implementation files and the API reference below for required props.
Download animui 0.3.0 · Agent guideUsage
Use this before a release or handoff. Replace the sample checklist and completion callback with your product data.
import { ReleaseReadiness } from "animui/release-readiness"; export function ReleasePanel() { return <ReleaseReadiness onRelease={() => startRelease("2.4")} />;}ReleaseReadiness
A release checklist with a readiness bar, a notify switch, and a release action that unlocks once every check is done. The four checks are sample data defined in the file.
onRelease() => void | Promise<void>–Called when the release button is pressed. Awaited; a thrown error shows an inline alert.- The completed count lives in an aria-live="polite" region.
- Success is announced with role="status" and failures with role="alert".
- Checks use the library Checkbox, so each has a real label.
- The completed count swaps with a 5px rise and fade.
- Reduced motion sets the transition duration to zero.
- Below 700px the summary narrows to a tighter two-column header.
- Below 520px the summary and the two-column task grid collapse to one column, and actions stack.
- Four checkboxes and one progress bar; state updates are local and cheap.
- The task list is a plain array with no virtualization, which is fine for a checklist of this size.
Notes for AI
Give your coding assistant the Markdown reference instead of screenshots.
- Use for a pre-launch or handoff gate where several conditions must be true before one action.
- Replace the tasks array, initialChecks, and the hard-coded release name and avatars.
- Wire onRelease to your deploy or handoff call.
- Composes animui Avatar, Button, Checkbox, Progress, and Switch.
The full library index for assistants is at /llms.txt.
