Block

Settings Layout

Settings page with sidebar navigation and organized sections

Installation

npx shadcn add @mylo-ui/shell-settings

Manage your account

Update your profile details and public information.

JPG, PNG or GIF. Max size 2MB.

First Name

Last Name

Email Address

Bio

import { ShellSettings } from "@/components/blocks/shell-settings"

export default function Page() {
  return <ShellSettings />
}

lucide-react

card

badge

button

input

label

switch

separator

avatar

select

More shell blocks you might like

Collapsible sidebar with navigation items, search, and user profile

Responsive header with nav links, search, notifications, and user menu

Complete dashboard with stats cards, activity feed, and task list