zeba_academy_shadow 0.0.1 copy "zeba_academy_shadow: ^0.0.1" to clipboard
zeba_academy_shadow: ^0.0.1 copied to clipboard

A Flutter package providing neumorphism, soft shadows, inner shadows, glow effects and long shadows.

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 ā¤ļø

0
likes
135
points
56
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

A Flutter package providing neumorphism, soft shadows, inner shadows, glow effects and long shadows.

Homepage

License

GPL-3.0 (license)

Dependencies

flutter

More

Packages that depend on zeba_academy_shadow