FancyContainer

A customizable Flutter UI component that displays a stylish gradient container with optional title, subtitle, and tap interaction. Built using Flutter, it is suitable for mobile apps (Android & iOS). Supports full design flexibility through parameters like color, padding, and text styling.

pub.dev version license

✨ Features

  • Gradient background with two customizable colors
  • Optional title and subtitle text
  • Custom padding and text styling support
  • Tap gesture with callback
  • Responsive layout for different screen sizes
  • Built-in shadow and rounded corners

🚀 Getting started

  1. Add the dependency to your pubspec.yaml:
dependencies:
  fancy_container: ^1.0.0

import 'package:fancy_container/fancy_container.dart';


FancyContainer(
  title: 'Welcome',
  subtitle: 'Tap to explore',
  color1: Colors.deepPurple,
  color2: Colors.purpleAccent,
  onTap: () {
    print('Container tapped!');
  },
  textColor: Colors.white,
  subtitleColor: Colors.white70,
  titleStyle: TextStyle(fontSize: 22, fontWeight: FontWeight.w600),
  subtitleStyle: TextStyle(fontSize: 14),
);

Libraries

styles_containers