Back to blocksView all settings blocks
Installation
npx shadcn add @mylo-ui/settings-profilePreview
Profile Settings
Manage your public profile information
Profile Picture
This will be displayed on your profile
JD
JPG, GIF or PNG. Max size of 2MB.
Usage
import { SettingsProfile } from "@/components/blocks/settings-profile"
export default function Page() {
return <SettingsProfile />
}Dependencies
lucide-react
shadcn/ui Components
card
button
input
label
textarea
avatar
Related Blocks
More settings blocks you might like
settings
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-notificationssettings
Settings - Security
Security settings with password, 2FA, and session management
Ready to use
/blocks/settings-security