/* Reset and basic styling */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Arial', sans-serif; background-color: #f4f4f4; color: #333; padding: 20px; } .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); text-align: center; } h1 { color: #4CAF50; margin-bottom: 20px; } .upload-section { margin-bottom: 20px; } .upload-label { font-size: 16px; color: #007bff; cursor: pointer; } .upload-input { display: none; } .json-output { margin-top: 20px; max-height: 300px; overflow-y: auto; background-color: #f9f9f9; border: 1px solid #ddd; padding: 10px; border-radius: 5px; } .download-btn { background-color: #4CAF50; color: #fff; padding: 10px 20px; font-size: 16px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } .download-btn:disabled { background-color: #ccc; cursor: not-allowed; } .download-btn:hover:enabled { background-color: #45a049; }

CSV to JSON Converter

Upload CSV File

Converted JSON Data: