zeba_academy_markdown 0.0.1

Beautiful markdown rendering package for Flutter with themes, code blocks, tables, quotes, and rich typography.

zeba_academy_markdown

Beautiful markdown rendering package for Flutter with rich typography, custom themes, syntax code blocks, tables, quotes, and modern UI support.

---

✨ Features

• 🎨 Beautiful markdown rendering
• 🧩 Rich typography styles
• 💻 Syntax-styled code blocks
• 📋 Built-in copy button support
• 🌗 Light & dark theme support
• 📝 Quote block styling
• 📊 Markdown table rendering
• ⚡ Fast and lightweight
• 🧱 Custom markdown themes
• 📱 Responsive Flutter UI

---

📦 Installation

Add this to your pubspec.yaml:

dependencies:
  zeba_academy_markdown: ^0.0.1

Then run:

flutter pub get

---

🚀 Import

import 'package:zeba_academy_markdown/zeba_academy_markdown.dart';

---

Basic Usage

ZebaMarkdown(
  data: '# Hello World',
)

---

Complete Example

import 'package:flutter/material.dart';
import 'package:zeba_academy_markdown/zeba_academy_markdown.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(
        appBar: AppBar(
          title: const Text('Zeba Markdown'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(20),
          child: SingleChildScrollView(
            child: ZebaMarkdown(
              selectable: true,
              data: '''
# Zeba Academy Markdown

Beautiful markdown package.

## Features

- Rich Typography
- Code Blocks
- Quotes
- Tables
- Themes

### Dart Code

```dart
void main() {
  print("Hello Zeba");
}

Beautiful markdown rendering for Flutter.

Name	Role
Zeba	Academy
Flutter	SDK
''',

        ),
      ),
    ),
  ),
);

} }

---

# 🎨 Custom Theme Example

```dart
ZebaMarkdown(
  data: '# Custom Theme',
  theme: ZebaMarkdownTheme.dark(),
)

---

🧩 Available Themes

Light Theme

ZebaMarkdownTheme.light()

Dark Theme

ZebaMarkdownTheme.dark()

---

📋 Selectable Markdown

ZebaMarkdown(
  selectable: true,
  data: 'Selectable markdown text',
)

---

📂 Package Structure

lib/
 ├── src/
 │    ├── themes/
 │    ├── widgets/
 │    └── utils/
 └── zeba_academy_markdown.dart

---

🛠 Dependencies

• flutter_markdown
• google_fonts
• flutter_highlight
• markdown

---

🧪 Testing

Run tests using:

flutter test

Analyze package:

flutter analyze

Format code:

dart format .

---

📌 Roadmap

Upcoming features:

• ✅ Syntax highlighting
• ✅ Custom markdown widgets
• ✅ Inline code styling
• ✅ Animated markdown rendering
• ✅ LaTeX support
• ✅ HTML support
• ✅ Mermaid diagrams
• ✅ GitHub-style markdown theme
• ✅ Image rendering improvements

---

🤝 Contributing

Contributions are welcome!

If you'd like to improve this package:

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Open a pull request

---

📄 License

MIT License

---

👨‍💻 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/

💼 LinkedIn: https://www.linkedin.com/in/sufyanism

---

🚀 Your all-in-one learning hub!

Explore courses and resources in coding, tech, and development at Zeba Academy.

💻 Learn practical development skills through:

• Curated tutorials
• Real-world projects
• Hands-on coding
• Flutter & app development
• Modern programming concepts

🔗 Links

➡ Main Website https://zeba.academy

➡ Coding Platform https://code.zeba.academy

➡ YouTube Channel https://www.youtube.com/@zeba.academy

➡ Instagram https://www.instagram.com/zeba.academy/

---

❤️ Support

If you like this package, please give it a ⭐ on GitHub and share it with the Flutter community.

---

Thank you for visiting!