zeba_academy_origami_ui 0.0.1 copy "zeba_academy_origami_ui: ^0.0.1" to clipboard
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 #

pub package License: GPL v3

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.

0
likes
145
points
29
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

Origami-inspired Flutter UI package featuring fold animations, paper cards, layered sheets, corner folds, and interactive page transitions.

Homepage

License

GPL-3.0 (license)

Dependencies

flutter

More

Packages that depend on zeba_academy_origami_ui