NeonKitComponents

Components

Getting Started

Setup guide & dependencies

Form Components

Interactive buttons with multiple variants

Text inputs with enhanced features

Multi-line text input

Select dropdowns with neon effects

Multiple-selection checkboxes with neon effects

Single-selection radio buttons

Toggle switches with neon effects

Data Display

User profile pictures with neon effects

Status indicators and labels

Layout Components

Content containers

Container

Coming soon

Feedback Components

Alert messages and notifications

Modal dialogs with neon effects

Toast

Coming soon

Progress Components

Progress bars with neon effects and animations

Quick Links

Examples

Coming soon

Switch Components

Interactive toggle switches with 8 vibrant neon variants and smooth animations. All switches default to on state.

Neon Switches

Electric neon switches with glowing effects in 8 vibrant colors (cyan, purple, chartreuse, pink, red, emerald, amber)

Neon Switch Variants:

Basic Switches

Clean, simple toggle switches for general use

Basic Switch Variants:

Installation

Copy and paste the switch code directly. Install required dependencies:

npm install framer-motion clsx tailwind-merge

Make sure you have the cn utility function. See installation guide.