Blocks
Settings - Account
Profile, company, password, two-factor, sessions, danger zone, theme and language settings for a user account.
Personal account settings. The profile and password forms use vee-validate with yup, so you can copy the schema and swap in your own submit handler.
Profile
Profile Form
Avatar upload with validated name, email, username and bio fields.
Company Profile
Logo upload, company details, brand colour and an about field.
Inline Editable Rows
Read-only rows that turn into an input when you click edit. No page-level form needed.
Security
Change Password
Password inputs with a live requirements checklist and strength meter.
Two-Factor Authentication
A master switch and selectable methods: authenticator app, passkey and SMS.
Active Sessions
Signed-in devices with the current one highlighted and per-session revoke.
Danger Zone
Export, deactivate and delete rows. Deleting requires typing a phrase inside an alert dialog.
Appearance
Theme
Light, dark and system cards wired to color mode, plus accent swatches and density.
Language & Region
Language, timezone, date format and clock settings with a live preview.
Pricing
Professional pricing section examples with various layouts and feature comparisons. Includes card designs, billing toggles, feature tables, and popular plan highlights.
Settings - Billing
Billing settings blocks: plan overview with usage, a plan picker, invoice history and saved payment methods.