Use code "LAUNCH20" for 20% off on HextaUI Pro - Learn more
HextaUIHextaUI
/Blocks

Settings

Various ready to use settings blocks for your application.

Required components

Run following command in your terminal to install the required components for this blocks

npx hextaui@latest add button card input label select switch textarea date-picker avatar badge separator

Profile Settings

A comprehensive profile settings interface with user information, privacy controls, and account management options.

Profile Settings

Manage your account settings and preferences

JD

John Doe

john.doe@example.com

Pro MemberVerified

Personal Information

Update your personal details and contact information

Notification Settings

A customizable notification settings interface allowing users to manage their preferences for different types of notifications.

Notification Settings

Manage how and when you receive notifications

Email Notifications

Choose which email notifications you'd like to receive

Marketing & Promotions

News, feature announcements, and special offers

Product Updates

New features, improvements, and bug fixes

Security AlertsRequired

Account security and login notifications

Weekly Digest

Weekly summary of your activity and updates

Comments & Replies

When someone comments on your posts

Mentions

When someone mentions you in a comment or post

Push Notifications

Receive instant notifications on your devices

Enable Push Notifications

Allow notifications to be sent to your devices

Marketing & Promotions

Special offers and announcements

Comments & Mentions

When someone interacts with your content

Direct Messages

Private messages from other users

Notification Preferences

Customize how and when you receive notifications

Quiet Hours

Pause non-urgent notifications during specified hours

Weekend Notifications

Receive notifications on weekends

Changes will take effect immediately

General Settings

A general settings interface for managing application preferences, including language, theme, and other global options.

General Settings

Customize your application preferences and behavior

Appearance

Customize the look and feel of the application

Compact Mode

Reduce spacing and padding for a denser interface

Animations

Enable smooth transitions and animations

Language & Region

Configure language, date, time, and regional preferences

Privacy & Data

Control what data is collected and how it's used

Analytics

Help improve the app by sharing anonymous usage analytics

Crash Reports

Automatically send crash reports to help fix bugs

Usage Data

Share detailed usage patterns for product improvement

Marketing Communications

Receive product updates and promotional content

Performance

Optimize application performance and resource usage

Auto Save

Automatically save your work at regular intervals

Preload Content

Download content in advance for faster loading

Advanced

Advanced settings for power users and developers

Developer ModeAdvanced

Enable advanced debugging and development tools

Experimental FeaturesBeta

Try out new features before they're officially released

Debug Mode

Show detailed logging and error information

Hardware Acceleration

Use GPU acceleration for better performance

Some changes may require a restart to take effect

Billing Settings

A billing settings interface for managing subscription plans, payment methods, and billing history.

Billing & Subscription

Manage your subscription, payment methods, and billing history

Current Subscription

Your current plan and subscription details

Pro PlanActive

$29.99 per month

Next Billing Date

Jul 17, 2025

$29.99

Auto-renewal enabled

Plan Features

  • Unlimited projects
  • Advanced analytics
  • Priority support
  • Custom integrations
  • Team collaboration

Payment Methods

Manage your payment methods and billing information

Visa •••• 4242Default

Expires 12/2027

Mastercard •••• 8888

Expires 8/2026

Billing Preferences

Configure billing notifications and spending limits

Auto Renewal

Automatically renew your subscription

Invoice Emails

Send invoice receipts to your email

Usage Alerts

Get notified when approaching spending limits

Billing History

View and download your past invoices and payments

Date
Description
Amount
Status
Payment Method
Invoice
Jun 17, 2025Pro Plan - Monthly$29.99Paid•••• 4242
May 17, 2025Pro Plan - Monthly$29.99Paid•••• 4242
Apr 17, 2025Pro Plan - Monthly$29.99Paid•••• 4242
Mar 17, 2025Setup Fee$99.99Paid•••• 4242
Mar 17, 2025Pro Plan - Monthly$29.99Refunded•••• 8888
All charges are billed in USD

Team Settings

A team settings interface for managing team members, roles, and permissions within the application.

Team Management

Manage team members, invitations, and permissions

4

Total Members

2

Pending Invites

3

Active Members

Invite New Members

Add new team members by email or share an invite link

Invite by Email

Share Invite Link

Expires: Jul 17, 2025
Uses: 12/100
Role: member

Team Members

Manage existing team members and their permissions

Member
Role
Status
Joined
Last Active
Actions
JD
John Doejohn@example.com
OwnerActiveJan 15, 2024Jun 17, 2025
JS
Jane Smithjane@example.com
AdminActiveFeb 20, 2024Jun 16, 2025
BJ
Bob Johnsonbob@example.com
MemberActiveMar 10, 2024Jun 15, 2025
AB
Alice Brownalice@example.com
ViewerInactiveApr 5, 2024May 20, 2025

Pending Invitations

Track and manage outstanding invitation requests

Email
Role
Invited By
Invited
Status
Actions
pending@example.comMemberJohn DoeJun 10, 2025Pending
expired@example.comViewerJane SmithMay 15, 2025Expired

Team Settings

Configure team permissions and default settings

Allow Member Invitations

Let team members invite new people

Require Approval

New members must be approved before joining

Public Team

Make team discoverable and joinable by anyone

Team plan allows up to 50 members
Edit on GitHub

Last updated on

Messaging4

Blocks for messaging/chat application

Team Invite1

A modern team invitation and member management component with permission controls