{"id":15837912,"url":"https://github.com/muhammad-fiaz/maaagicui","last_synced_at":"2025-08-17T07:03:00.126Z","repository":{"id":220351942,"uuid":"750846304","full_name":"muhammad-fiaz/MaaagicUI","owner":"muhammad-fiaz","description":"Maaagic UI is an open-source UI framework designed to empower developers with seamless integration and advanced features of AI applications.","archived":false,"fork":false,"pushed_at":"2024-06-18T22:40:42.000Z","size":14357,"stargazers_count":11,"open_issues_count":14,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T17:14:13.498Z","etag":null,"topics":["civitai","civitai-api","diffusion-models","gui","large-language-models","latent-diffusion","maaagic","maaagic-ai","maaagic-ui","magic-ui","nextjs","open-source","stability-ai","stable-diffusion","stable-diffusion-tutorial","stable-diffusion-webui","tauri","tauri-app","text-to-image","text-to-video"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/muhammad-fiaz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["muhammad-fiaz"]}},"created_at":"2024-01-31T12:46:29.000Z","updated_at":"2025-03-08T08:32:32.000Z","dependencies_parsed_at":"2024-10-05T15:42:37.025Z","dependency_job_id":"f3fe5dfa-102f-4599-a524-6b69977479fb","html_url":"https://github.com/muhammad-fiaz/MaaagicUI","commit_stats":null,"previous_names":["muhammad-fiaz/maaagicui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/muhammad-fiaz/MaaagicUI","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muhammad-fiaz%2FMaaagicUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muhammad-fiaz%2FMaaagicUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muhammad-fiaz%2FMaaagicUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muhammad-fiaz%2FMaaagicUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/muhammad-fiaz","download_url":"https://codeload.github.com/muhammad-fiaz/MaaagicUI/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muhammad-fiaz%2FMaaagicUI/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270816193,"owners_count":24650752,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-17T02:00:09.016Z","response_time":129,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["civitai","civitai-api","diffusion-models","gui","large-language-models","latent-diffusion","maaagic","maaagic-ai","maaagic-ui","magic-ui","nextjs","open-source","stability-ai","stable-diffusion","stable-diffusion-tutorial","stable-diffusion-webui","tauri","tauri-app","text-to-image","text-to-video"],"created_at":"2024-10-05T15:42:26.344Z","updated_at":"2025-08-17T07:03:00.066Z","avatar_url":"https://github.com/muhammad-fiaz.png","language":"TypeScript","funding_links":["https://github.com/sponsors/muhammad-fiaz"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\r\n  \u003cimg src=\"https://github.com/muhammad-fiaz/MaaagicUI/assets/75434191/4fa95721-7161-4f88-8056-cba5e9fe647d\" alt=\"Maaagic UI Logo\"\u003e\r\n\u003c/p\u003e\r\n\r\n\u003ch1 align=\"center\"\u003eMaaagic UI\u003c/h1\u003e\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/github/last-commit/muhammad-fiaz/MaaagicUI\" alt=\"Last Updated\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/github/license/muhammad-fiaz/MaaagicUI\" alt=\"License\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/github/v/release/muhammad-fiaz/MaaagicUI\" alt=\"Release\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/github/contributors/muhammad-fiaz/MaaagicUI\" alt=\"Contributors\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/github/issues/muhammad-fiaz/MaaagicUI\" alt=\"Issues\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/badge/pull%20requests-10%20open-green\" alt=\"Pull Requests\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/github/stars/muhammad-fiaz/MaaagicUI\" alt=\"Stars\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/github/languages/count/muhammad-fiaz/MaaagicUI\" alt=\"Languages Count\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/github/languages/code-size/muhammad-fiaz/MaaagicUI\" alt=\"Code Size\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/github/commit-activity/m/muhammad-fiaz/MaaagicUI\" alt=\"Commit Activity\"\u003e\r\n  \u003ca href=\"https://github.com/muhammad-fiaz/MaaagicUI/actions/workflows/github-code-scanning/codeql\"\u003e\u003cimg src=\"https://github.com/muhammad-fiaz/MaaagicUI/actions/workflows/github-code-scanning/codeql/badge.svg\" alt=\"CodeQL\"\u003e\u003c/a\u003e\r\n\u003ca href=\"https://github.com/muhammad-fiaz/MaaagicUI/actions/workflows/release.yml\"\u003e\u003cimg src=\"https://github.com/muhammad-fiaz/MaaagicUI/actions/workflows/release.yml/badge.svg\" alt=\"Release\"\u003e\u003c/a\u003e\r\n\r\n\u003ca href=\"https://github.com/muhammad-fiaz/MaaagicUI/\"\u003e\u003cimg src=\"https://badges.strrl.dev/visits/muhammad-fiaz/MaaagicUI\" alt=\"Visits Badge\"\u003e\u003c/a\u003e\r\n\r\n\r\n  \u003cimg src=\"https://img.shields.io/badge/rust-%23000000.svg?style=for-the-badge\u0026logo=rust\u0026logoColor=white\" alt=\"Rust\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/badge/tauri-%2324C8DB.svg?style=for-the-badge\u0026logo=tauri\u0026logoColor=%23FFFFFF\" alt=\"Tauri\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" alt=\"TypeScript\"\u003e\r\n  \u003cimg src=\"https://img.shields.io/badge/Next-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\" alt=\"Next JS\"\u003e\r\n    \u003cbr\u003e\r\n    \u003ca href=\"https://github.com/sponsors/muhammad-fiaz\"\u003e\u003cimg src=\"https://img.shields.io/badge/sponsor-30363D?style=for-the-badge\u0026logo=GitHub-Sponsors\u0026logoColor=#EA4AAA\" alt=\"Github-sponsors\"\u003e\u003c/a\u003e\r\n    \u003cbr\u003e\r\n    \u003cbr\u003e\r\n\u003c/div\u003e\r\n\r\n\r\n**Maaagic UI** is an all-in-one solution for building modern and feature-rich applications. It harnesses Next.js for seamless server-side rendering and Tauri for integrating GUI for Large Language Models and stable diffusions that operate natively on Windows, Linux, and MacOS. This UI empowers developers to craft intuitive and efficient user interfaces. Leveraging various large language models, **Maaagic UI** ensures exceptional **performance** and **flexibility** for diverse application needs. Get started with Maaagic UI today and unlock endless possibilities for your AI Models.\r\n\r\n## Table of Contents\r\n\r\n- [Maaagic UI](#maaagic-ui)\r\n    - [Getting Started](#getting-started)\r\n    - [Features](#features)\r\n    - [Stacks Used](#stacks-used)\r\n    - [Customization](#customization)\r\n    - [Folder Structure](#folder-structure)\r\n    - [Recommended IDE Setup](#recommended-ide-setup)\r\n    - [License](#license)\r\n    - [Contributing](#contributing)\r\n    - [Code of Conduct](#code-of-conduct)\r\n    - [Support and Thanks](#support-and-thanks)\r\n        - [Star the Project](#star-the-project)\r\n        - [Contribute](#contribute)\r\n        - [Fork the Project](#fork-the-project)\r\n        - [Sponsor on GitHub](#sponsor-on-github)\r\n\r\n## Getting Started\r\n\r\nClone the repository:\r\n\r\n```bash\r\ngh repo clone https://github.com/muhammad-fiaz/MaaagicUI.git\r\ncd MaaagicUI\r\n```\r\n\r\nthen, get start development server by:\r\n```bash\r\nnpm i\r\nnpm run tauri:dev\r\nnpm run tauri:build\r\n```\r\n\r\n\r\n## Features\r\n\r\n- Builtin CivitAI download Store\r\n- Supports Windows, macOS, and Linux\r\n- Support for dark and light modes\r\n- Components-based UI design\r\n- A draggable title bar with minimize, maximize, and close buttons\r\n- A sidebar with a navigation menu\r\n- UI for AI Development\r\n- AI Based Application\r\n- Large Language Models\r\n- Stable Diffusion\r\n- Responsive design\r\n- Customizable theme\r\n\r\n\r\n## Stacks Used\r\n\r\n- [Node.js](https://nodejs.org/en/) (v14 or later)\r\n- [npm](https://www.npmjs.com/) (v7 or later) or [pnpm](https://pnpm.io/) (v6 or later)\r\n- [Rust](https://www.rust-lang.org/) (v1.54 or later)\r\n- [Tauri CLI](https://tauri.studio/en/docs/getting-started/intro) (v1.0.0-beta.5 or later)\r\n- [Git](https://git-scm.com/)\r\n- [Next.js](https://nextjs.org/) (v11 or later)\r\n- [Tailwind CSS](https://tailwindcss.com/) (v2.2 or later)\r\n- [TypeScript](https://www.typescriptlang.org/) (v4.4 or later)\r\n- [prettier](https://prettier.io/) (v2.4 or later)\r\n- [ESLint](https://eslint.org/) (v8.0 or later)\r\n- [Cargo](https://doc.rust-lang.org/cargo/) (v1.54 or later)\r\n- [Chakra UI](https://chakra-ui.com/) (v1.6 or later)\r\n- [Chakra Icons](https://chakra-ui.com/docs/media-and-icons/icon) (v1.0 or later)\r\n- [Radix UI](https://www.radix-ui.com/) (v0.3 or later)\r\n- [Lucide Icons](https://lucide.dev/) (v1.0 or later)\r\n- [React Icons](https://react-icons.github.io/react-icons/) (v4.2 or later)\r\n- [shadcn/ui](https://github.com/shadcn/ui) for UI components\r\n- [prisma](https://www.prisma.io/) (v3.0 or later)\r\n- [Python](https://www.python.org/) (v3.9 or later)\r\n- [pip](https://pypi.org/project/pip/) (v21 or later)\r\n- [pipenv](https://pypi.org/project/pipenv/) (v2021.5 or later)\r\n- [Flask](https://flask.palletsprojects.com/) (v2.0 or later) or [FastAPI](https://fastapi.tiangolo.com/) (v0.68 or later)\r\n- [Scss](https://sass-lang.com/) (v1.37 or later)\r\n- [PostCSS](https://postcss.org/) (v8.3 or later)\r\n- [Lottie](https://lottiefiles.com/) (v5.7 or later)\r\n\r\n\r\n## Customization\r\n\r\nThe template can be customized by editing the following files:\r\n\r\n- To customize a application settings you can do it from [src-tauri/tauri.conf.json](src-tauri/tauri.conf.json)\r\n- This contains a npm dependencies [package.json](/package.json)\r\n- This contains a cargo dependencies [src-tauri/cargo.toml](src-tauri/Cargo.toml)\r\n- To change the app icon, update `app-icon.png`, and then run `npm tauri icon`. This will automatically generate icon files into _src-tauri/icons_. You can also manually replace the icon files in _src-tauri/icons_.\r\n- To add more components you can use [shadcn/ui](https://ui.shadcn.com/docs/installation/next) for UI components\r\n\r\n\r\n## Folder Structure\r\n\r\n```\r\n.\r\n├── backend                 # Main directory for your Python backend\r\n│   ├── app.py              # Main application file\r\n│   ├── requirements.txt    # Python dependencies\r\n│   └── ...                 # Other Python files and directories\r\n├── prisma                  # Prisma directory\r\n│   └── schema.prisma       # Prisma schema file\r\n├── src                     # Main directory for your frontend source code\r\n│   ├── app                 # Contains your Next.js application\r\n│   ├── assets              # Contains static assets for your project\r\n│   ├── components          # Contains UI components for your project\r\n│   ├── data                # Contains data for your project\r\n│   ├── hooks               # Contains React hooks for your project\r\n│   ├── lib                 # Contains utility functions and libraries used in your project\r\n│   └── styles              # Contains style-related files for your project\r\n├── src-tauri               # Main directory for your backend source code\r\n│   └── icons               # Contains the icons for your application\r\n├── public                  # Contains public assets that will be served by Next.js\r\n├── README.md               # Contains information about your project and how to use it\r\n├── package.json            # Contains the list of npm dependencies for your project\r\n├── tsconfig.json           # Used to specify the root files and the compiler options required to compile the project\r\n├── next.config.js          # Used for configuring Next.js\r\n├── postcss.config.js       # Used for configuring PostCSS\r\n├── prettier.config.js      # Used for configuring Prettier\r\n└── tailwind.config.js      # Used for configuring Tailwind CSS\r\n\r\n```\r\n\r\n## Recommended IDE Setup\r\n these are the recommended IDEs for this project:\r\n- [VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)\r\n- [WebStorm](https://www.jetbrains.com/webstorm/) + [Tauri](https://plugins.jetbrains.com/plugin/16459-tauri) + [Rust](https://plugins.jetbrains.com/plugin/8182-rust)\r\n- [IntelliJ IDEA](https://www.jetbrains.com/idea/) + [Tauri](https://plugins.jetbrains.com/plugin/16459-tauri) + [Rust](https://plugins.jetbrains.com/plugin/8182-rust)\r\n- [Sublime Text](https://www.sublimetext.com/) + [Tauri](https://packagecontrol.io/packages/Tauri) + [Rust Enhanced](https://packagecontrol.io/packages/Rust%20Enhanced)\r\n- [Atom](https://atom.io/) + [Tauri](https://atom.io/packages/tauri) + [ide-rust](https://atom.io/packages/ide-rust)\r\n- [Jet Brains Rover (Early Access)](https://www.jetbrains.com/rover/) + [Tauri](https://plugins.jetbrains.com/plugin/16459-tauri) + [Rust](https://plugins.jetbrains.com/plugin/8182-rust)\r\n\r\n\r\n## License\r\n\r\nThis project is licensed under the GNU General Public License v3.0. See [LICENSE](LICENSE) for the full license text.\r\n\r\n## Contributing\r\n\r\nContributions are welcome! Feel free to open an issue or submit a pull request if you have a way to improve this project.\r\n\r\n## Code of Conduct\r\n\r\nThis project and everyone participating in it is governed by the [Maaagic UI Code of Conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior by either discussion or issues.\r\n\r\n## Support and Thanks\r\n\r\nThank you for using Maaagic UI! Your support means a lot to us. If you encounter any issues or have suggestions for improvement, please don't hesitate to open an issue on GitHub. Your feedback helps us make Maaagic UI even better.\r\n\r\nIf you'd like to show your appreciation or support further development, here are some ways you can contribute:\r\n\r\n- [Star the Project](https://github.com/muhammad-fiaz/MaaagicUI#star-the-project): Show your support by giving the project a star ⭐ on GitHub.\r\n- [Contribute](https://github.com/muhammad-fiaz/MaaagicUI#contribute): If you're interested in contributing to the project, feel free to fork it and submit your changes as a pull request. We welcome contributions of all kinds, from bug fixes to new features.\r\n- [Fork the Project](https://github.com/muhammad-fiaz/MaaagicUI#fork-the-project): If you'd like to contribute to the project, you can fork it and submit your changes as a pull request. We welcome contributions of all kinds, from bug fixes to new features.\r\n- [Sponsor on GitHub](https://github.com/muhammad-fiaz/MaaagicUI#sponsor-on-github): Consider becoming a sponsor on GitHub to provide ongoing financial support. Your sponsorship helps us cover maintenance costs and supports future development efforts.\r\n\r\n\r\n[![Sponsor muhammad-fiaz](https://img.shields.io/static/v1?label=Sponsor\u0026message=muhammad-fiaz\u0026logo=github\u0026color=green)](https://github.com/sponsors/muhammad-fiaz)\r\n\r\n\r\n\r\nYour contributions, feedback, and support are immensely valuable to us. Thank you for being a part of the Maaagic UI community!\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammad-fiaz%2Fmaaagicui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuhammad-fiaz%2Fmaaagicui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammad-fiaz%2Fmaaagicui/lists"}