zeba_academy_origami_ui 0.0.1
zeba_academy_origami_ui: ^0.0.1 copied to clipboard
Origami-inspired Flutter UI package featuring fold animations, paper cards, layered sheets, corner folds, and interactive page transitions.
Zeba Academy Origami UI #
A beautiful Flutter UI package inspired by the art of Origami. Create engaging paper-like interfaces with fold animations, layered sheets, corner folds, and interactive page transitions.
Perfect for educational apps, digital notebooks, creative portfolios, storytelling experiences, dashboards, and unique user interfaces.
⨠Features #
- š Fold Card Animations
- š Paper-Style Cards
- šļø Layered Sheet Effects
- š Corner Fold Decorations
- š Interactive Page Flipping
- šØ Customizable Paper Themes
- ā” Smooth Flutter Animations
- š± Responsive Design Support
- š Mobile, Web, Desktop Compatible
- š§© Easy Integration
š¦ Installation #
Add the package to your pubspec.yaml.
dependencies:
zeba_academy_origami_ui: ^1.0.0
Then run:
flutter pub get
š Getting Started #
Import the package:
import 'package:zeba_academy_origami_ui/zeba_academy_origami_ui.dart';
š Paper Card #
Create elegant paper-style cards.
PaperCard(
child: Padding(
padding: EdgeInsets.all(16),
child: Text(
'Hello Origami UI',
style: TextStyle(fontSize: 20),
),
),
)
š Corner Fold #
Add a realistic folded-corner effect.
CornerFold(
child: Container(
width: 250,
height: 150,
color: Colors.white,
),
)
šļø Layered Sheet #
Create stacked paper effects.
LayeredSheet(
child: Container(
width: 250,
height: 150,
color: Colors.white,
),
)
š Fold Card Animation #
Interactive folding card animation.
FoldCard(
child: Container(
width: 250,
height: 150,
color: Colors.white,
alignment: Alignment.center,
child: Text('Tap to Fold'),
),
)
š Interactive Page #
Create page-turning experiences.
InteractivePage(
front: Container(
color: Colors.white,
alignment: Alignment.center,
child: Text('Front Page'),
),
back: Container(
color: Colors.grey.shade200,
alignment: Alignment.center,
child: Text('Back Page'),
),
)
šÆ Complete Example #
import 'package:flutter/material.dart';
import 'package:zeba_academy_origami_ui/zeba_academy_origami_ui.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
backgroundColor: Colors.grey.shade100,
body: Center(
child: InteractivePage(
front: PaperCard(
child: const Text(
'Origami Front',
style: TextStyle(fontSize: 24),
),
),
back: PaperCard(
child: const Text(
'Origami Back',
style: TextStyle(fontSize: 24),
),
),
),
),
),
);
}
}
š Included Widgets #
| Widget | Description |
|---|---|
| PaperCard | Paper-inspired card component |
| CornerFold | Folded corner decoration |
| LayeredSheet | Stacked paper layers |
| FoldCard | Interactive folding animation |
| InteractivePage | Page flip interaction |
šØ Use Cases #
- Educational Apps
- Digital Notebooks
- E-Books
- Storytelling Apps
- Portfolio Websites
- Creative Dashboards
- Presentation Interfaces
- Learning Platforms
š® Roadmap #
Version 1.1 #
- Multi-fold animations
- Accordion paper layouts
- Improved page turning
Version 1.2 #
- Paper textures
- Drag-to-fold gestures
- Foldable menus
Version 2.0 #
- Physics-based folding engine
- Advanced origami effects
- SVG fold rendering
- Origami design system
š¤ Contributing #
Contributions, issues, and feature requests are welcome.
If you find a bug or have an idea for improvement, please open an issue or submit 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
- Share
Under the terms of the GPL v3 license.
See the LICENSE file for full details.
About Me #
⨠Iām Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.
You can learn more about me and my work at https://sufyanism.com/ or connect with me on LinkedIn at https://www.linkedin.com/in/sufyanism.
Your All-in-One Learning Hub! #
š Explore courses and resources in coding, tech, and development at zeba.academy and code.zeba.academy.
Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience.
Level up your tech game today! š»āØ
Zeba Academy is a learning platform dedicated to coding, technology, and development.
ā” Visit our main site: https://zeba.academy
ā” Explore hands-on courses and resources: https://code.zeba.academy
ā” YouTube: https://www.youtube.com/@zeba.academy
ā” Instagram: https://www.instagram.com/zeba.academy/
ā If you like this package, please consider giving it a star and sharing it with the Flutter community.