Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv1.0.1

dynamicutils

Flutter Package For Create A Responsive Design From Figma,XD Etc.....

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
60
Likes
21
Pub points
160

Install package

flutter pub add dynamicutils

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

DynamicUtils is a Flutter package designed to simplify responsive design implementation by enabling developers to create fluid, scalable layouts directly from Figma, XD, or other design tools. It provides utilities to adapt UI elements based on screen size and device density, ensuring consistent appearance across Android, iOS, Web, macOS, Windows, and Linux. The package supports dynamic scaling of fonts, sizes, and spacing, making it ideal for maintaining design fidelity during development. With minimal setup via `flutter pub add dynamicutils`, it streamlines the transition from design mockups to production-ready responsive interfaces.

Use cases

  • Converting Figma/XD designs to responsive Flutter apps
  • Creating cross-platform UIs with consistent scaling
  • Adapting layouts for different screen sizes
  • Maintaining design accuracy across devices
  • Rapid prototyping with responsive components
  • Building scalable design systems

Key features

  • Dynamic font and size scaling
  • Cross-platform responsiveness
  • Easy integration with existing Flutter projects
  • Support for multiple platforms (Android, iOS, Web, macOS, Windows, Linux)
  • Built-in utilities for layout adaptation
  • Seamless design-to-code workflow

Suitable for

  • Flutter developers working with Figma/XD designs
  • Teams prioritizing responsive UI consistency
  • Projects requiring rapid UI scaling across devices
  • Developers building multi-platform applications
  • Designers collaborating with developers on responsive layouts
  • Apps targeting diverse screen sizes and densities

Considerations

  • Requires initial configuration for scaling factors
  • May need adjustments for complex nested layouts
  • Best suited for designs with consistent baseline grids
  • Performance impact negligible but should be tested on low-end devices
  • Not a full design system but a utility for responsive scaling
  • Limited documentation beyond basic setup

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Dynamic Utils

Pub Version Flutter Platform

A Flutter package that provides dynamic sizing capabilities, allowing you to adapt your UI elements to different screen sizes.

Features

  • Dynamically adjust the height and width of UI elements based on the screen size.
  • Easily create responsive UIs that work well on different devices and orientations.
  • Convenient methods for adding spacing between elements.

Installation

Add the following line to your pubspec.yaml file:

dependencies:
  dynamicutils: <latest_version>

Then run flutter pub get to fetch the package.

Usage

Import the package into your Dart file:

import 'package:dynamicutils/dynamicutils.dart';

Initialize the DynamicSize class with the design screen size:

DynamicSize size = DynamicSize(849, 393);

Adjust the height and width of your UI elements:

DynamicSize size = DynamicSize(849, 393);
height = size.height(20);
width = size.width(20);
size.HeightSpace(20);
size.WidthSpace(20);

Create a new dynamic container:

dContainer(
  height: 20,
  width: 20,
);

For navigation:

pop(context);
newScreen(context, screen());
replaceScreen(context, screen());

For more advanced usage and customization options, refer to the package's API documentation.

Examples

You can find more usage examples in the example folder of this repository.

License

This project is licensed under the MIT License.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

Get in touch

If you have any questions, feel free to reach out:

Categories

Responsive UI

Source repository

Projects using this package

No data available yet.