Forms-active

Bootstrap 5 includes native form-switch components that turn checkboxes into toggle switches without any extra library.

Reference
Basic Switches
Default on/off toggle switches using Bootstrap 5 .form-switch.
Colored Switches
Switches styled with Bootstrap contextual colors using custom CSS classes.
Switch Sizes
Use custom sizing classes to adjust switch dimensions.
Switches with Labels
Switches paired with descriptive labels and helper text.
Dark Theme Switches
Switches render well on dark backgrounds using Bootstrap contextual colors.
Switches in Forms
Combine switches with other form elements for settings pages.
Preferences
Event Handling
Switches work with standard JavaScript change events.
Programmatic Control
Reverse Layout
Use .form-check-reverse to put the switch on the opposite side of the label.
Inline Switches
Use .form-check-inline to group switches horizontally.
Theme Customizer

Personalize your experience

Theme Mode

Quick switch between themes

Sidebar Configuration

Customize your sidebar appearance

Choose between light and dark sidebar
Show or hide navigation icons
Show or hide navigation captions
Left-to-right or right-to-left layout
Container width configuration
Theme Colors

Customize your color scheme

Choose your main brand color
Customize header background color
Customize navigation bar colors
Brand logo area customization
Navigation caption text colors
Advanced Settings

Fine-tune interface details

Choose icons for expandable menus
Icons for menu link items