InnerShadowContainer 🪞

InnerShadowContainer is a highly customizable Flutter widget that adds beautiful and soft inner shadows to any container, ideal for neumorphic UI and modern soft design styles. Perfect for developers building elegant UIs in Flutter using subtle depth effects.

Use it to bring neumorphism, container shadows, and soft UI designs to life in your app with zero dependencies.

✨ Features

• ✅ Inner shadow on any side: top-left, top-right, bottom-right, bottom-left
• ✅ Fully customizable blur, offset, radius, and shadow color
• ✅ Lightweight, dependency-free and pure Flutter implementation
• ✅ Supports circular, rounded, or rectangular containers
• ✅ Perfect for neumorphic and soft UI designs

🚀 Installation

Add this to your pubspec.yaml file:

dependencies:
  inner_shadow_container: ^1.0.2

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),
);

💡 Pro Tip

You can combine multiple shadows for enhanced depth:

isShadowTopLeft: true,
isShadowTopRight: true,
isShadowBottomLeft: true,
isShadowBottomRight: true,

This gives a full immersive neumorphic feel to your containers.

📄 License

Licensed under the MIT License © 2025 Karan Padaliya

🙌 Contributions

Pull requests and stars are welcome! If you use this in your project, give it a ⭐️ on GitHub.

Made with ❤️ in Flutter — Powered by creativity and clean UI!