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

Button Components

Flexible button components with multiple variants, sizes, and unlimited custom colors. Copy and paste into your project.

Neon Buttons

Electric neon buttons with glowing effects in multiple vibrant colors

Basic Buttons

Copy-paste ready button styles without component dependencies

Button Sizes

Different sizes for various use cases and content hierarchy

Neon Button Variants

Specialized neon buttons for different actions and states

Buttons with Icons

Buttons with icons and special states

Installation

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

npm install framer-motion clsx tailwind-merge lucide-react

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