A light system requirements block with macOS, Windows and Linux tabs on a sliding pill. Each tab shows a minimum versus recommended table with meters, plus the installer, its checksum with copy, and other formats.
Framecut edits 4K timelines in real time on most machines from the last five years. Pick your platform to check.
| Component | Minimum | Recommended |
|---|---|---|
| Operating system | macOS 13 Ventura | macOS 15 Sequoia or later |
| Processor | Intel Core i5, 4 cores | Apple M2 or newer |
| Memory | 8 GB | 16 GB or more |
| Storage | 4 GB free, SSD | 20 GB free for media cache |
| Graphics | Metal 2 support | Apple GPU, 10 cores |
| Display | 1440 x 900 | Retina 2560 x 1600 |
npx shadcn@latest add https://hyperblur.dev/r/download-requirements.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/download-requirements.tsx.
import { DownloadRequirements } from "@/components/hyperblur/download-requirements"
<DownloadRequirements defaultValue="windows" />| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | string | "System requirements" | Label above the title. |
| title | string | "Make sure Framecut runs smoothly" | Section heading. |
| subtitle | string | Short line about performance | Paragraph under the heading. |
| platforms | DownloadRequirementsPlatform[] | macOS, Windows, Linux | Each platform has id, label, os, version, file, size, checksum, href, formats { label, href }[] and rows { label, minimum, recommended, level? }[]. level is a pair from 0 to 1 that draws meters. |
| value | string | Controlled platform id. Pair with onValueChange. | |
| defaultValue | string | first platform id | Platform shown first when uncontrolled. |
| onValueChange | (id: string) => void | Called when a tab is chosen. | |
| onDownload | (platform: DownloadRequirementsPlatform) => void | Called when the download button is clicked. | |
| accent | string | "#2f7bff" | Color of the download button, recommended column and meters. |