Skip to content

Settings Screen

Base UI

A full settings page built only from Spotcheck parts. Drop it in, then cut it down.

console / settings

10/32

Install

$ npx shadcn@latest add https://spotcheckui.com/r/settings-screen.json

No motion engine needed.

Usage

import { SettingsScreen } from "@/components/spotcheck/settings-screen"

<SettingsScreen />

This is one file you own. The models, regions and keys are constants at the top, ready to replace with your own data.

Props

None. This is a block you edit directly.

    Keyboard

    ← →Move between tabs
    TabMove through the controls

    Reduced motion

    Follows each part: nothing slides, and the hold fill stays.