InnerShadowContainer 🪞

A customizable Flutter widget that adds a subtle and flexible inner shadow effect to containers — perfect for neumorphism and modern UI design.

✨ Features

• 🔹 Inner shadow from any direction
• 🔹 Customizable blur, offset, radius, and color
• 🔹 Lightweight and dependency-free
• 🔹 Fully customizable and reusable widget
• 🔹 Suitable for neumorphic-style UIs

🚀 Installation

Add the following to your pubspec.yaml file:

dependencies:
  inner_shadow_container: ^1.0.0

Then run:

flutter pub get

🔧 Usage

import 'package:inner_shadow_container/inner_shadow_container.dart';

InnerShadowContainer(
  height: 120,
  width: 120,
  backgroundColor: Colors.white,
  borderRadius: 20,
  isShadowTopLeft: true,
  isShadowBottomRight: true,
  child: Center(
    child: Icon(Icons.star, size: 40, color: Colors.orange),
  ),
);

📐 Parameters

🧪 Example App

InnerShadowContainer(
  height: 120,
  width: 120,
  backgroundColor: Colors.white,
  borderRadius: 20,
  isShadowTopLeft: true,
  isShadowBottomRight: true,
  child: Icon(Icons.favorite, color: Colors.red, size: 40),
);

💡 Tip

You can combine multiple sides for richer depth:

isShadowTopLeft: true,
isShadowBottomRight: true,

It works well with soft UI themes like neumorphism.

📄 License

This project is licensed under the MIT License © 2025 Karan Padaliya

🙌 Contributions

Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to change.

Made with ❤️ in Flutter.