{"id":26713418,"url":"https://github.com/azael1412/mui-theme-generator","last_synced_at":"2026-05-19T07:08:24.879Z","repository":{"id":284264487,"uuid":"954360176","full_name":"azael1412/mui-theme-generator","owner":"azael1412","description":"A Material-UI theme generator with real-time preview and export options for React applications.","archived":false,"fork":false,"pushed_at":"2025-03-27T19:11:47.000Z","size":314,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-26T07:21:21.426Z","etag":null,"topics":["color-palette","design-tools","material-ui","react","reactjs","theme-generator","web-development-tools"],"latest_commit_sha":null,"homepage":"https://mui-theme-generator.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/azael1412.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-03-25T00:55:23.000Z","updated_at":"2025-03-27T19:11:53.000Z","dependencies_parsed_at":"2025-08-23T05:10:42.942Z","dependency_job_id":"e53cacd0-b742-43cd-9ea1-43b66329293f","html_url":"https://github.com/azael1412/mui-theme-generator","commit_stats":null,"previous_names":["azael1412/mui-palette-generator","azael1412/mui-theme-generator"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/azael1412/mui-theme-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azael1412%2Fmui-theme-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azael1412%2Fmui-theme-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azael1412%2Fmui-theme-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azael1412%2Fmui-theme-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/azael1412","download_url":"https://codeload.github.com/azael1412/mui-theme-generator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azael1412%2Fmui-theme-generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33205627,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-18T09:27:30.708Z","status":"online","status_checked_at":"2026-05-19T02:00:06.763Z","response_time":58,"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":["color-palette","design-tools","material-ui","react","reactjs","theme-generator","web-development-tools"],"created_at":"2025-03-27T12:20:01.211Z","updated_at":"2026-05-19T07:08:24.820Z","avatar_url":"https://github.com/azael1412.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n# MUI Theme Generator 🎨\n\nA powerful Material-UI theme generator with real-time preview and export capabilities. Create perfect color palettes for your React applications in seconds.\n\n## Features ✨\n\n- 🎨 **Interactive Color Picker** - Visually select primary and secondary colors\n- 🌓 **Dark/Light Mode** - Preview themes in both color schemes\n- 📋 **Automatic Code Generation** - Get ready-to-use theme configuration\n- 💾 **Multiple Export Options** - Copy to clipboard or download as JS file\n- 🚀 **React 19 \u0026 MUI 6 Ready** - Built with the latest technologies\n\n## Project Structure 📂\n\n```\nsrc/\n├── assets/               # Static assets and images\n├── components/           # Reusable components\n│   ├── Head.tsx          # Document head component\n│   └── ProjectDescription.tsx # Project intro component\n├── App.tsx               # Main application component\n├── main.tsx              # Application entry point\n└── vite-env.d.ts         # TypeScript declarations\n```\n\n## Installation 💻\n\n```bash\n# Clone the repository\ngit clone https://github.com/azael1412/mui-theme-generator.git\n\n# Navigate to project directory\ncd mui-theme-generator\n\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n```\n\n## Usage 🖱️\n\n1. Select your primary and secondary colors\n2. Toggle between light/dark mode previews\n3. Copy the generated theme code or export as a file\n4. Implement in your project:\n\n```tsx\n// Paste this in your theme configuration\nimport { createTheme } from '@mui/material/styles';\n\nconst theme = createTheme({\n  palette: {\n    primary: {\n      main: '#3f50b5',\n      light: '#757ce8',\n      dark: '#002884',\n      contrastText: '#fff'\n    },\n    // Generated configuration\n  }\n});\n```\n\n## Dependencies 🧩\n\n### Core\n- React 19\n- Material-UI (MUI) 6\n- TypeScript 5\n- Chroma.js (color calculations)\n- FileSaver (file exports)\n\n### Development\n- Vite (build tool)\n- ESLint (code linting)\n- Prettier (code formatting)\n\n## Contributing 🤝\n\nWe welcome contributions! Please follow these steps:\n\n1. Fork the project\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003c!-- ## License 📄\n\nThis project is licensed under the [MIT License](LICENSE).\n\n--- --\u003e\n\n⭐ If you find this project useful, please give it a star!  \n🐛 Found an issue? [Report it here](https://github.com/azael1412/mui-theme-generator/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazael1412%2Fmui-theme-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fazael1412%2Fmui-theme-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazael1412%2Fmui-theme-generator/lists"}