MoonUI

Switch

Free + Pro

Enhanced switch component with smooth animations, multiple variants, loading states, and advanced interaction feedback. Pro version includes gradient effects, glassmorphism, and custom animations.

Unlock Advanced Switch Features

Get access to powerful pro features that enhance your switch component with advanced capabilities, premium styling options, and optimized performance.

  • Gradient and glassmorphism effects
  • Custom animation timing functions
  • Loading states with spinners

Pro Features

Unlock advanced capabilities with the Pro version

Gradient Effects

Beautiful gradient backgrounds and smooth color transitions

Glassmorphism

Modern glass effects with backdrop blur and transparency

Advanced Animations

Spring physics and custom transition timing functions

Loading States

Built-in loading indicators for async operations

Custom Styling

Extensive customization options for unique designs

State Indicators

Visual feedback for different states and contexts

Installation

Install via CLI

moonui add switch

Usage

Basic Usage

Pro Required

Pro Usage

PRO
Pro Required

Examples

Basic Switch

Simple on/off toggle

Sizes

Different switch sizes for various contexts

With Icons

Switches with icon indicators

States

Different switch states

Settings Panel

Real-world settings panel example

System Settings

Receive app notifications

Protect your eyes

Connection

PRO
Pro Examples

Loading States

PRO

Async operations with loading feedback

Pro Required

Advanced Styling

PRO

Gradient effects, glassmorphism, and custom animations

Pro Required

Unlock all premium features

Boost performance (uses more resources)

Protection enabled