Back to blocksView all settings blocks
Installation
npx shadcn add @mylo-ui/settings-appearancePreview
Appearance
Customize how the app looks and feels
Theme
Select your preferred theme
Font Size
Adjust the text size throughout the app
Accessibility & Layout
Customize accessibility and layout options
Minimize animations
Increase contrast for better visibility
Reduce spacing and padding
Usage
import { SettingsAppearance } from "@/components/blocks/settings-appearance"
export default function Page() {
return <SettingsAppearance />
}Dependencies
lucide-react
shadcn/ui Components
card
button
switch
label
separator
radio-group
Related Blocks
More settings blocks you might like
settings
Settings - Profile
User profile settings with avatar upload and personal information
Ready to use
/blocks/settings-profilesettings
Settings - Account
Account management with email, phone, and security settings
Ready to use
/blocks/settings-accountsettings
Settings - Notifications
Notification preferences with email, push, and SMS controls
Ready to use
/blocks/settings-notifications