Shadcn.io is not affiliated with official shadcn/ui
Theme Settings Sheet
A theme settings sheet with Light, Dark, and System radio button choices plus Compact Mode and Enable Animations toggles
Theme preferences are personal—give users full control. This React Sheet offers Light, Dark, and System theme selection with checkbox radio buttons, plus Compact Mode and animations toggles using shadcn/ui Checkbox components. Built with Radix UI Dialog primitives, the appearance controls let users customize visual experience—perfect for app settings, accessibility preferences, display customization, UI configuration, or any interface where users expect to control how the app looks and behaves.
Theme Settings Sheet preview
Installation
Related Components
App Preferences
General app preferences
Notification Preferences
Grouped notification settings
Privacy Settings
Privacy controls
Radio Group
Exclusive selection component
Checkbox
Standard checkbox component
Profile Edit Sheet
Form with save button
FAQ
Was this page helpful?
Sign in to leave feedback.
Notification Preferences Sheet
A notification settings sheet with grouped checkbox controls for Email Notifications and Push Notifications categories
Privacy Settings Sheet
A privacy settings sheet with checkbox toggles for Public Profile, Show Email, Search Indexing, Activity Status, and destructive Delete Account button