Settings Page Components

Dev Design Library indexes 27 settings page components from 7 open-source UI libraries, with the most coming from Tremor Blocks, FLX UI, Metal UI, BoardUI and audiocn. Each one links to its page with the source code, a live preview where available, the library license and the install command. Settings page components belong to the Pages group.

• Settings Dialog (Sidebar in a Dialog)Fluid Functionalism · ReactA settings dialog: the xl Dialog as a canvas, a non-collapsing Sidebar of sections down its left edge, and a scrolling…
• Field 02 - Notification SettingsShadcn Space · ReactA notification preferences list built with the Field primitive, pairing horizontal fields with switches and separators…
• SettingsBoardUI · React
• Account And User Management 01Tremor Blocks · React
• System Audio Settingsaudiocn · ReactTurn system audio capture on, set its level, watch its meter and explain what the browser will capture.
• Plan OverviewFLX UI · ReactPlan Overview for Manage Subscription.
• SettingsMetal UI · React + SwiftUIA settings block: profile fields validated on blur and save, notification switches, a colorway and density, and a save…
• Account And User Management 02Tremor Blocks · React
• Change PlanFLX UI · ReactChange Plan for Manage Subscription.
• SettingsMetal UI · React + SwiftUIAn app's settings as sections of rows: an engraved heading over a raised card; each row a name, an optional detail and…
• Account And User Management 03Tremor Blocks · React
• Cancel FlowFLX UI · ReactCancel Flow for Manage Subscription.
• Account And User Management 04Tremor Blocks · React
• Tabbed SectionsFLX UI · ReactTabbed Sections for Settings.
• Account And User Management 05Tremor Blocks · React
• Sidebar LayoutFLX UI · ReactSidebar Layout for Settings.
• Account And User Management 06Tremor Blocks · React
• Inline EditFLX UI · ReactInline Edit for Settings.
• Account And User Management 07Tremor Blocks · React
• Account And User Management 08Tremor Blocks · React
• Account And User Management 09Tremor Blocks · React
• Account And User Management 10Tremor Blocks · React
• Account And User Management 11Tremor Blocks · React
• Account And User Management 12Tremor Blocks · React
• Account And User Management 13Tremor Blocks · React
• Account And User Management 14Tremor Blocks · React
• Account And User Management 15Tremor Blocks · React

Libraries with settings page components

• Tremor Blocks
• FLX UI
• Metal UI
• BoardUI
• audiocn

Related categories

• shadcn/ui Settings Page Components
• Page Components
• Dashboard Page Components
• Login Page Components
• Onboarding Page Components
• Chat Page Components
• Error Page Components
• Product Page Components
• Signup Page Components
• Landing Page Components
• Calendar Page Components
• Profile Page Components