dancing_tiles

Package Overview

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

Dancing Tiles is a lightweight Flutter package that enables developers to create interactive grid layouts with animated tiles. Each tile in the grid can respond to user interactions with smooth animations, making it ideal for dynamic interfaces like dashboards, galleries, or game boards. The package is designed for simplicity and performance, supporting all major platforms including Android, iOS, Web, macOS, Windows, and Linux. With minimal setup, developers can customize tile behavior, animation types, and layout structure.

Use cases

Interactive dashboards
Animated image galleries
Game board interfaces
Dynamic data grids
User-triggered animations

Key features

Smooth tile animations
Customizable grid layout
Responsive interaction handling
Lightweight and performant
Cross-platform support
Easy integration with Flutter

Suitable for

UI designers seeking visual flair
Developers building interactive layouts
Projects requiring animated grid elements
Prototyping interactive interfaces
Apps with touch-based navigation

Considerations

May impact performance on large grids
Limited built-in animation presets
Requires manual handling of complex state
Best suited for moderate tile counts
Not optimized for high-frequency updates

Original README

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

Dancing Tiles

A simple and lightweight Flutter package to create a grid view with animatable tiles.

Demo

Link to Demo App https://isaaskin.github.io/dancing_tiles_flutter

Installation

Add the following line to pubspec.yaml:

dependencies:
  dancing_tiles: ^0.0.1

Usage/Examples

import 'package:dancing_tiles/tile.dart';
import 'package:dancing_tiles/tiles_manager.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const Example());
}

class Example extends StatelessWidget {
  const Example({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TilesManager(row: 4, column: 4, tiles: [
        Tile(row: 1, column: 1, child: Container(color: Colors.blue)),
        Tile(
            row: 2,
            column: 1,
            rowSpan: 2,
            columnSpan: 3,
            child: Container(color: Colors.yellow)),
        Tile(
            row: 4,
            column: 2,
            columnSpan: 2,
            child: Container(color: Colors.green))
      ]),
    );
  }
}

Authors

@isaaskin

License

MIT

Search packages, repositories and app categories

Install package