Design Inspiration
Settings page design examples
A settings page is where users change how a product behaves for them: account details, notifications, privacy, appearance and billing. These examples show how apps group and present those controls.
We curate topical collections around design to inspire you in the design process.
This constantly-updated list featuring what we find on the always-fresh Muzli inventory.
Last update:
Settings-page > Appearance
Account Settings
Settings Page
Squirrel Settings #ui
Plans Settings Page
Settings UI 🖥️
Account Settings flat
Settings Page - Appearance
Appearance Settings UI
Contentstack CMS Settings UI
DailyUI 007 - Settings Page
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Account Settings Interaction Effect
Propwise - Account Settings Page Property Management Web App
😶🌫️ Settings Page with Illustration
Settings page
Settings UI
Profile and settings Screen (GOLO)
Hello Everyone! Last two screens of golo social media app. If you want to see full project https://www.behance.net/gallery/75599723/Golo-Mobile-app Please dont forget to like and comment.
Settings page design
/filters:quality(100)/97f82b43-0996-47b3-9b1d-17c1d51aba12-Day-7-Albert.png)
Settings Screen - Time Limit App
Settings Page-Dashboard
Hey dribbblers, Hope you will like it! A Sneak peek into the Settings screen of a ****** application. It still has lot more features and panels to be added. Show some love by pressing the L key on desktop, or tap on the 💖 like button, if you’re on mobile/tab device. 🙏🏻 Love to have your comments down 👇🏻 here More Designs https://dribbble.com/rushangan
/filters:quality(100)/ee565e6a-7790-4d56-a806-8b01a24f15c4-Day-7-Hugo.jpg)
Settings Screen for a Maps App.
Lighter Type Settings #ui
Settings page Concept for Synchron mobile app
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Account Settings
We recently updated the UI of the account settings page. 🤖Snips provides private-by-design, decentralized voice assistant technology and solutions. https://snips.ai/
Account Settings
Settings page icon
Account Settings for Responsive Web - Mobile
Game Settings UI
Daily UI challenge 007 The main idea was to cheer up the ordinary and boring settings view. I tried to make more interesting by adding some visuals and interaction. Stay tuned for more, Cheers!
Integrations settings page — Untitled UI
Dashboard integrations settings page with super simple tabs to filter integrations by category.✨ Made with Untitled UI ✨—New post every weekday on Twitter + free assets on Figma Community.Untitled UI • Himalayas • Webflow • Dribbble • Twitter • Figma • Website
⚡️ Settings – UI Challenge
Dribbble - New iPhone app design | Settings UI,UX interface by Julien Renvoye #interface #icons #iphone #illustration #app
Settings screen
See the presentation Press "L" for like! We always available for projects - HIRE US
#Exploration - Digital Wallet App - Settings Page - Dark Mode
Settings Page for Digital Wallet App iPad version using dark mode. Happy to hear your feedback, Thanks :) Font: Poppins Icons: Iconly We are available for a new project. Contact us! Check out our : Website | Behance | Instagram
Lyrics and Settings Screen (White Version)
Notification settings page — Untitled UI
Dashboard settings page for users to manage their email notifications. This layout is an easy way to add hierarchy and the 1px dividers help group information together.✨ Made with Untitled UI ✨—New post every weekday on Twitter + free assets on Figma Community.Untitled UI • Himalayas • Webflow • Dribbble • Twitter • Figma • Website
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
Settings page
Settings page — Untitled UI
My details settings page — Untitled UI
Settings page for a user profile with a super simple form layout.✨ Made with Untitled UI ✨—New post every weekday on Twitter + free assets on Figma Community.Untitled UI • Himalayas • Webflow • Dribbble • Twitter • Figma • Website
Integrations settings page — Untitled UI
Dashboard integrations settings page with super simple tabs to filter integrations by category.✨ Made with Untitled UI ✨—New post every weekday on Twitter + free assets on Figma Community.Untitled UI • Himalayas • Webflow • Dribbble • Twitter • Figma • Website
Settings page - Account Security
Product Dimensions Settings Page
Notification Settings UI Design
Settings modal component design that will go into flow ui Feel free to check out ildiesign for more projects
Account settings
Exploration of the capabilities of Indigo.Design design system on mobile app. Test Indigo.Design system yourself and spread the word about the pixel-perfect code generation plugin. Your dev team thank you.
Daily UI #007 || Settings page
Notifications settings page — Untitled UI
Super simple + effective notification settings page.✨ Made with Untitled UI ✨—New post every weekday on Twitter + free assets on Figma Community.Untitled UI • Himalayas • Webflow • Dribbble • Twitter • Figma • Website
Plan.io - Settings Page
UI Settings Page
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — free
My details settings page — Untitled UI
Dashboard settings page with super simple horizontal tabs.✨ Made with Untitled UI ✨—New post every weekday on Twitter + free assets on Figma Community.Untitled UI • Himalayas • Webflow • Dribbble • Twitter • Figma • Website
Account settings — Untitled UI
GrabOn Coupons & Offers App: Settings Screen
Mild app settings screen
Settings Page (SaaS Product)
Settings Screen Mobile App Design for CBDS Wallet SaaS with Loan
Settings page — Untitled UI
RealEstate Pro – Account Settings & Preferences Dashboard
Billing settings page — Untitled UI
Settings Page For Game
UserWise Settings UI
Here's a peek into the Settings screens we designed for the UserWise platform. 👉 Check out UserWise--------------------🚀 Let's create something big together! 🚀Contact Unfold at unfold.co/contactFollow us on Twitter | Behance | Instagram | YouTubeMore about us on unfold.co
Bitit Dashboard & Account settings
This is 1% of what Muzli shows you.
Get the rest — fresh design inspiration on every new tab, free.
Add Muzli — freeBitit Dashboard & Account settings
Get access to thousands of freshly updated design inspiration pieces by adding Muzli to your browser.
Loved by 900k designers worldwide, Muzli is the leading go-to browser extension for creative professionals.
What is a settings page?
A settings page is the part of an app where users control how it behaves for them. Typical sections are account and profile, notifications, privacy and security, appearance, and billing. On mobile it is usually a grouped list that opens detail screens. On desktop it is usually a sidebar of sections with the controls beside it.
How should settings be organised?
Group settings by what the user is trying to do, not by how the system stores them. Put the settings people change most at the top, label each control in plain words, and add a search field once there are more than a few dozen options. Keep destructive actions such as deleting an account apart from the rest and clearly marked.
Should settings save automatically?
Toggles and selections work best when they apply at once, because that is what a switch implies. Text fields, and anything that can lock a user out such as an email or password change, should use an explicit save button and a confirmation. Mixing the two without a visible rule is the most common settings mistake.
Where do these settings examples come from?
Most are screens from shipped products documented by Mobbin, with design explorations from Layers and Dribbble. Muzli follows more than 200 design sources and lists up to 60 matching pieces on this page, favouring recent work.