Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hyper-designed/box_transform

A library for advanced resizing of rect in UI.
https://github.com/hyper-designed/box_transform

flutter flutter-package flutter-ui flutter-widget flutterdesktop hacktoberfest hacktoberfest-accepted hacktoberfest2023 hacktoberfest2023-accepted

Last synced: 5 days ago
JSON representation

A library for advanced resizing of rect in UI.

Host: GitHub
URL: https://github.com/hyper-designed/box_transform
Owner: hyper-designed
License: apache-2.0
Created: 2023-02-01T18:13:10.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2024-09-14T05:51:48.000Z (3 months ago)
Last Synced: 2024-12-08T09:02:07.627Z (14 days ago)
Topics: flutter, flutter-package, flutter-ui, flutter-widget, flutterdesktop, hacktoberfest, hacktoberfest-accepted, hacktoberfest2023, hacktoberfest2023-accepted
Language: Dart
Homepage: https://boxtransform.hyperdesigned.dev
Size: 34.8 MB
Stars: 66
Watchers: 4
Forks: 13
Open Issues: 3
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        ![Banner](https://raw.githubusercontent.com/hyper-designed/box_transform/main/docs/assets/banner.png)

# Box Transform

[![melos](https://img.shields.io/badge/maintained%20with-melos-f700ff.svg?style=flat-square)](https://github.com/invertase/melos) [![Build](https://github.com/hyper-designed/box_transform/actions/workflows/build.yml/badge.svg)](https://github.com/hyper-designed/box_transform/actions/workflows/build.yml) [![Tests](https://github.com/hyper-designed/box_transform/workflows/Tests/badge.svg?branch=main)](https://github.com/hyper-designed/box_transform/actions) [![codecov](https://codecov.io/gh/BirjuVachhani/box_transform/branch/main/graph/badge.svg?token=SX5FXDUD7A)](https://codecov.io/gh/BirjuVachhani/box_transform)

[Box Transform][github] provides packages that allows you to programmatically handle box resizing and dragging. 

It provides highly flexible, programmatically resizable and draggable boxes that can be used in any Dart or Flutter 

project.

## Packages

| Package               | Pub                                                                                                                            | Description                                                                                                              |

|-----------------------|--------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------|

| box_transform         | [![Pub Version](https://img.shields.io/pub/v/box_transform?label=Pub)](https://pub.dev/packages/box_transform)                 | A pure Dart implementation for box transformation operations that does not rely on Flutter.                              |

| flutter_box_transform | [![Pub Version](https://img.shields.io/pub/v/flutter_box_transform?label=Pub)](https://pub.dev/packages/flutter_box_transform) | A Flutter implementation that provides a flexible, customizable and easy to use interface tailored for Flutter projects. |

## Features

* 📏 **Dimension Constraining:** Set maximum and minimum constraints to keep boxes within specific boundaries while resizing.

* 🔁 **Flipping Mechanics:** Advanced positional-flipping when resizing hits extreme values with hard constraints.

* 🔒 **Drag Clamping:** Specify clamping boxes to keep your transformable boxes within a specific region.

* 🎨 **Flexible Resizing Modes:** Choose from four different resizing modes for more flexibility in how boxes are resized.

* 📍 **Customizable Anchor Points:** Define resizing corner-handles to anchor different parts of the box when resizing.

* 🎨 **Customizable Handles:** Use default resizing handles or define your own custom handles.

* 🚀 **Easy Integration:** Integrate Box Transform into your Dart or Flutter project with ease.

## Getting Started

Go to the [Getting Started][get-started] page of the 

[documentation][docsite] to start using Box Transform.

### Example App: [box-transform-example.firebaseapp.com](https://box-transform-example.firebaseapp.com)

### Playground: [box-transform-playground.firebaseapp.com](https://box-transform-playground.firebaseapp.com)

## Documentation

Documentation is available at [boxtransform.hyperdesigned.dev][docsite].

## Contributing

See [CONTRIBUTING.md][contributing] for details.

See [DEVELOPMENT.md][development] for development setup.

## Authors

  

    
_{Birju Vachhani}

    
_{Saad Ardati}

  

Feel free to join our Discord server for any inquiries or support!



## License

```

Copyright © 2023 Hyperdesigned

Licensed under the Apache License, Version 2.0 (the "License");

you may not use this file except in compliance with the License.

You may obtain a copy of the License at

    https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS,

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

See the License for the specific language governing permissions and

limitations under the License.

```

[contributing]: https://github.com/hyper-designed/box_transform/blob/main/CONTRIBUTING.md

[development]: https://github.com/hyper-designed/box_transform/blob/main/development.md

[docsite]: https://boxtransform.hyperdesigned.dev/

[get-started]: https://boxtransform.hyperdesigned.dev/flutter_get_started

[github]: https://github.com/hyper-designed/box_transform