Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
Neon Input
inputs
CSS
Reset
Copy
.input { width: 100%; padding: 10px 16px; border: 1.5px solid #6366f1; border-radius: 10px; font-size: 14px; outline: none; background: #0d1117; color: white; box-shadow: 0 0 8px rgba(99,102,241,0.3); transition: box-shadow 0.2s; } .input:focus { box-shadow: 0 0 16px rgba(99,102,241,0.6); }
Live Preview
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.