zeba_academy_shadow

A powerful and customizable Flutter package for creating beautiful shadow effects including Neumorphism, Soft Shadows, Inner Shadows, Glow Effects, and Long Shadows.

Build modern Flutter interfaces with depth, lighting, and elevation effects using simple and reusable widgets.

Flutter Dart License


✨ Features

zeba_academy_shadow provides production-ready shadow widgets for Flutter applications.

🧊 Neumorphism

Create beautiful soft 3D UI components with realistic lighting effects.

Features:

  • Raised neumorphic design
  • Light and dark shadows
  • Custom background color
  • Adjustable radius
  • Custom shadow distance
  • Custom shadow offsets

šŸŒ‘ Soft Shadows

Create smooth and elegant elevation effects.

Features:

  • Custom shadow color
  • Blur radius control
  • Spread radius control
  • Offset customization

Perfect for:

  • Cards
  • Containers
  • Buttons
  • Dashboard components

🌘 Inner Shadows

Create inset shadow effects for modern interfaces.

Useful for:

  • Input fields
  • Neumorphic controls
  • Custom containers
  • Modern UI elements

✨ Glow Effects

Add beautiful glowing effects to your widgets.

Perfect for:

  • Neon designs
  • Gaming interfaces
  • Highlight components
  • Modern buttons

šŸ“ Long Shadows

Create creative long shadow designs.

Useful for:

  • Typography
  • Logos
  • Creative UI layouts
  • Branding components

šŸ“¦ Installation

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_shadow: ^1.0.0

Run:

flutter pub get

šŸš€ Getting Started

Import the package:

import 'package:zeba_academy_shadow/zeba_academy_shadow.dart';

🧊 Neumorphism Example

ZebaNeumorphicBox(

  child: Container(

    height: 100,

    width: 100,

    alignment: Alignment.center,

    child: const Icon(
      Icons.home,
    ),

  ),

)

šŸŒ‘ Soft Shadow Example

ZebaSoftShadow(

  child: Container(

    height: 120,

    width: 120,

    color: Colors.white,

    child: const Icon(
      Icons.star,
    ),

  ),

)

🌘 Inner Shadow Example

ZebaInnerShadow(

  child: Container(

    height: 200,

    width: 200,

    color: Colors.grey,

  ),

)

✨ Glow Example

ZebaGlow(

  glowColor: Colors.cyan,

  child: const Icon(

    Icons.favorite,

    size: 60,

  ),

)

šŸ“ Long Shadow Example

ZebaLongShadow(

  length: 30,

  shadowColor: Colors.black38,

  child: const Text(

    "Zeba Academy",

    style: TextStyle(

      fontSize: 40,

      fontWeight: FontWeight.bold,

    ),

  ),

)

šŸŽØ Complete Example

import 'package:flutter/material.dart';
import 'package:zeba_academy_shadow/zeba_academy_shadow.dart';


class ShadowExample extends StatelessWidget {

  const ShadowExample({super.key});


  @override
  Widget build(BuildContext context) {

    return Scaffold(

      backgroundColor: Colors.grey.shade300,

      body: Center(

        child: ZebaNeumorphicBox(

          child: Container(

            height: 150,

            width: 150,

            alignment: Alignment.center,

            child: const Text(

              "Shadow",

              style: TextStyle(

                fontSize: 24,

              ),

            ),

          ),

        ),

      ),

    );

  }

}

šŸ“š Widgets

Widget Description
ZebaNeumorphicBox Creates neumorphism effects
ZebaSoftShadow Creates soft shadows
ZebaInnerShadow Creates inner shadow effects
ZebaGlow Creates glow effects
ZebaLongShadow Creates long shadow designs

šŸŽÆ Use Cases

This package is suitable for:

  • Flutter mobile applications
  • Dashboard interfaces
  • Finance applications
  • Education applications
  • Portfolio applications
  • Gaming interfaces
  • Creative UI systems
  • Custom design systems

šŸ¤ Contributing

Contributions are welcome.

Steps:

  1. Fork the repository

  2. Create a feature branch:

git checkout -b feature/new-shadow
  1. Commit your changes:
git commit -m "Add new shadow feature"
  1. Push your branch:
git push origin feature/new-shadow
  1. Create a Pull Request

šŸ“„ License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

You are free to:

  • Use
  • Modify
  • Distribute
  • Improve

the software under the conditions of GPL-3.0.

See the LICENSE file for complete license information.


šŸ‘Øā€šŸ’» About Me

✨ I’m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.

Learn more about my work:

🌐 Website:

https://sufyanism.com/

šŸ’¼ LinkedIn:

https://www.linkedin.com/in/sufyanism


šŸŽ“ Zeba Academy

Your all-in-one learning hub!

šŸš€ Explore courses and resources in coding, technology, and development.

Zeba Academy is a learning platform dedicated to:

  • Coding
  • Technology
  • Software Development
  • Practical Projects
  • Hands-on Learning

Visit:

🌐 Main Website:

https://zeba.academy

šŸ’» Coding Resources:

https://code.zeba.academy

ā–¶ YouTube:

https://www.youtube.com/@zeba.academy

šŸ“ø Instagram:

https://www.instagram.com/zeba.academy/


⭐ Support

If you find this package useful:

  • Star the repository
  • Share with Flutter developers
  • Contribute improvements

Thank you for supporting open-source development ā¤ļø