A lightweight suite of developer tools — built for Flutter developers.
🌐 Try it live → harsh-codeverse.netlify.app
Paste any JSON and instantly generate production-ready Dart model classes.
- ✅ Null-safe Dart 3.x output
- ✅
fromJson()andtoJson()methods - ✅
copyWith()support - ✅ Nested JSON → nested model classes
- ✅ One-click copy output
Input:
{
"id": 1,
"name": "Harsh",
"address": {
"city": "Goa",
"pincode": "403001"
}
}Output:
classAddress {
finalString city;
finalString pincode;
Address({requiredthis.city, requiredthis.pincode});
factoryAddress.fromJson(Map<String, dynamic> json) =>Address(
city: json['city'] asString,
pincode: json['pincode'] asString,
);
Map<String, dynamic> toJson() => {
'city': city,
'pincode': pincode,
};
AddresscopyWith({String? city, String? pincode}) =>Address(
city: city ??this.city,
pincode: pincode ??this.pincode,
);
}
classRoot {
finalint id;
finalString name;
finalAddress address;
Root({requiredthis.id, requiredthis.name, requiredthis.address});
factoryRoot.fromJson(Map<String, dynamic> json) =>Root(
id: json['id'] asint,
name: json['name'] asString,
address:Address.fromJson(json['address']),
);
Map<String, dynamic> toJson() => {
'id': id,
'name': name,
'address': address.toJson(),
};
RootcopyWith({int? id, String? name, Address? address}) =>Root(
id: id ??this.id,
name: name ??this.name,
address: address ??this.address,
);
}Format, visualize, and navigate complex JSON data with a clean tree view. No more squinting at minified JSON responses.
Paste two code snippets or text blocks and see the differences highlighted side by side. Useful for comparing API responses, model versions, or config changes.
Paste any JWT token and instantly inspect the header, payload, and signature. No external services — decoded entirely in the browser.
# Clone the repo
git clone https://github.com/harshyadavDeveloper/json_to_dart_converter.git
# Install dependenciescd json_to_dart_converter
npm install
# Start dev server
npm run devOpen http://localhost:5173 in your browser.
| Tool | Purpose |
|---|---|
| React + Vite | UI framework + fast build tooling |
| Tailwind CSS | Utility-first styling |
| Netlify | Deployment + hosting |
Found a bug or want to add a tool? PRs are welcome.
- Fork the repo
- Create a branch —
git checkout -b feat/your-feature - Commit —
git commit -m 'feat: add your feature' - Push —
git push origin feat/your-feature - Open a Pull Request
MIT License — free to use and modify.
Built by Harsh Yadav · Portfolio · LinkedIn