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!

Libraries

zeba_academy_markdown