flutter tools

GoRouter Config Generator

Define named routes and paths, then copy a GoRouter setup with placeholder builders you can swap for real widgets.

Created by

Samuel K.

View and Hire

One route per line: name /path or /path name. Generated code uses SizedBox() placeholders — replace with your screens.

Routes

GoRouter Dart

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';

final GoRouter appRouter = GoRouter(
  routes: <RouteBase>[
    GoRoute(
      path: '/',
      name: 'home',
      builder: (context, state) => const SizedBox(), // TODO: screen
    ),
    GoRoute(
      path: '/settings',
      name: 'settings',
      builder: (context, state) => const SizedBox(), // TODO: screen
    ),
    GoRoute(
      path: '/user/profile',
      name: 'profile',
      builder: (context, state) => const SizedBox(), // TODO: screen
    ),
  ],
);

More Flutter Tools

🗂️JSON to Dart Model Generator

Paste JSON and get Dart classes with fromJson and toJson for nested objects and lists — no code generation step required.

Open tool →

🏗️Dart Data Class Generator

List typed fields and get a data class with copyWith, ==, hashCode, and toString — ideal for immutable UI state.

Open tool →

🎨Hex to Flutter Color Converter

Convert hex (#RGB, #RRGGBB, #AARRGGBB) to Flutter Color(0x…) and Color.fromRGBO(...) for copy-paste into your widgets.

Open tool →

View all Flutter tools →

More Flutter Tools All tools