zeba_academy_shadow 0.0.1
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.
⨠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:
-
Fork the repository
-
Create a feature branch:
git checkout -b feature/new-shadow
- Commit your changes:
git commit -m "Add new shadow feature"
- Push your branch:
git push origin feature/new-shadow
- 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:
š¼ 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:
š» Coding Resources:
ā¶ 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 ā¤ļø