Dev Design Libraryshadcn/ui Settings Page Components
Dev Design Library indexes 9 shadcn/ui settings page components from 4 open-source UI libraries, with the most coming from FLX UI, audiocn, Fluid Functionalism and Shadcn Space. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. 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…
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.
Change PlanFLX UI · ReactChange Plan for Manage Subscription.
Cancel FlowFLX UI · ReactCancel Flow for Manage Subscription.
Tabbed SectionsFLX UI · ReactTabbed Sections for Settings.
Sidebar LayoutFLX UI · ReactSidebar Layout for Settings.
Inline EditFLX UI · ReactInline Edit for Settings.