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.