{"id":13432824,"url":"https://github.com/Microwawe/mamba-ui","last_synced_at":"2025-03-17T10:32:46.218Z","repository":{"id":37572141,"uuid":"310880909","full_name":"Microwawe/mamba-ui","owner":"Microwawe","description":"Mamba UI is a free and open-sourced UI kit with 150+ Tailwind CSS components and templates.","archived":false,"fork":false,"pushed_at":"2024-04-03T19:48:41.000Z","size":22061,"stargazers_count":1076,"open_issues_count":7,"forks_count":41,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-10-11T12:05:24.453Z","etag":null,"topics":["angular","component","component-library","dark-theme","mamba-ui","prismjs","tailwind","tailwindcss","template","ui-kit"],"latest_commit_sha":null,"homepage":"http://mambaui.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Microwawe.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2020-11-07T16:02:20.000Z","updated_at":"2024-10-08T02:37:58.000Z","dependencies_parsed_at":"2024-01-06T23:26:10.142Z","dependency_job_id":"406b6ae9-33fd-4645-b7b2-ec2d0e01a712","html_url":"https://github.com/Microwawe/mamba-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"Microwawe/angular-quickstart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microwawe%2Fmamba-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microwawe%2Fmamba-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microwawe%2Fmamba-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microwawe%2Fmamba-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Microwawe","download_url":"https://codeload.github.com/Microwawe/mamba-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221675271,"owners_count":16861860,"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","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":["angular","component","component-library","dark-theme","mamba-ui","prismjs","tailwind","tailwindcss","template","ui-kit"],"created_at":"2024-07-31T02:01:17.148Z","updated_at":"2025-03-17T10:32:46.206Z","avatar_url":"https://github.com/Microwawe.png","language":"HTML","funding_links":[],"categories":["HTML","Table of contents"],"sub_categories":["Third Party Components"],"readme":"[![GitHub license](https://img.shields.io/github/license/Microwawe/mamba-ui)](https://github.com/Microwawe/mamba-ui/blob/master/LICENSE.md)\n[![GitHub issues](https://img.shields.io/github/issues/Microwawe/mamba-ui)](https://github.com/Microwawe/mamba-ui/issues)\n[![GitHub stars](https://img.shields.io/github/stars/Microwawe/mamba-ui)](https://github.com/Microwawe/mamba-ui/stargazers)\n![Twitter Follow](https://img.shields.io/twitter/follow/mamba_ui?style=social)\n\n# Mamba UI\n\nMamba UI is a free, open-source collection of beautiful UI elements based on Tailwind CSS that make it easy for anyone to build a website in minutes. Take a look at the kit at [www.mambaui.com](https://mambaui.com).\n\nAll the components are just good ol' HTML and CSS, but without the need of writing complex css rules thanks to [Tailwind CSS](https://tailwindcss.com/). Tailwind CSS is a utility-first CSS\nframework so if one of our components doesn't fit your needs just right, you can modify\nthem easily by following the their [documentation](https://tailwindcss.com/docs) about the different classes.\n\n## Features\n\n- [x] 100+ building blocks\n- [x] Choose your primary color from any of the 17 different Tailwind colors\n- [x] Fully responsive\n- [x] Export as HTML or JSX\n- [x] Dynamic light and dark themes\n- [x] All the icons and illustrations are open-sourced as well\n- [x] Easy to customize with Tailwind CSS\n\n## Upcoming features\n\nIf you want to know what we have planned for the near future, you can check out [our public roadmap](https://mambaui.com/docs/roadmap).\n\n## Installation\n\nThere is no need to download or install anything from Mamba UI. Just copy-paste the components and templates to your project and they'll work out-of-the-box without any modifications as long as you have [TailwindCSS installed](https://tailwindcss.com/docs/installation) in your project.\n\nNOTE: ~~Tailwind CSS doesn't have all the different colors enabled in the default configuration so here are all the possible colors mapped to their respective names.~~ Tailwind CSS 3.0 has all the different colors enabled by default.\n\n```\nmodule.exports = {\n\tpurge: [],\n\ttheme: {\n\t\tcolors: {\n\t\t\ttransparent: 'transparent',\n\t\t\tcurrent: 'currentColor',\n\t\t\tblack: colors.black,\n\t\t\twhite: colors.white,\n\t\t\trose: colors.rose,\n\t\t\tpink: colors.pink,\n\t\t\tfuchsia: colors.fuchsia,\n\t\t\tpurple: colors.purple,\n\t\t\tviolet: colors.violet,\n\t\t\tindigo: colors.indigo,\n\t\t\tblue: colors.blue,\n\t\t\tlightBlue: colors.lightBlue, // Only in Tailwind CSS \u003c=v2.1\n\t\t\tsky: colors.sky, // As of Tailwind CSS v2.2, `lightBlue` has been renamed to `sky`\n\t\t\tcyan: colors.cyan,\n\t\t\tteal: colors.teal,\n\t\t\temerald: colors.emerald,\n\t\t\tgreen: colors.green,\n\t\t\tlime: colors.lime,\n\t\t\tyellow: colors.yellow,\n\t\t\tamber: colors.amber,\n\t\t\torange: colors.orange,\n\t\t\tred: colors.red,\n\t\t\twarmGray: colors.warmGray, \t// Tailwind CSS 2.x\n\t\t\ttrueGray: colors.trueGray, \t// Tailwind CSS 2.x\n\t\t\tblueGray: colors.blueGray, \t// Tailwind CSS 2.x\n\t\t\tcoolGray: colors.coolGray, \t// Tailwind CSS 2.x\n\t\t\tgray: colors.gray,\n\t\t\tslate: colors.slate, \t\t// Tailwind CSS 3.x\n\t\t\tzinc: colors.zinc, \t\t\t// Tailwind CSS 3.x\n\t\t\tneutral: colors.blueGray, \t// Tailwind CSS 3.x\n\t\t\tstone: colors.stone, \t\t// Tailwind CSS 3.x\n\t\t},\n\t}\n};\n```\n\n## Usage\n\nHow to use the components on your own websites?\n\n1. Find a component, section or template that you like from the [Mamba UI website](https://mambaui.com)\n2. Select the primary color from the available colors\n3. Select the light or dark theme\n4. View the HTML, Vue or React code for that element\n5. Copy/paste the code into your project\n6. Profit\n\n## Contributing\n\nRight now this is just a hobby project for me and there aren't a lot of users (if any) so I update and maintain the project as I have spare time.\n\nIf you want to help, pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.\n\n## Development\n\nAfter you clone this repository to your desktop with `git clone https://github.com/Microwawe/mamba-ui.git`, go to its root directory and run `npm install` to install its dependencies.\n\nOnce the dependencies are installed, you can run `ng serve` to start the application. You will then be able to access it at `localhost:4200`\n\n## License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMicrowawe%2Fmamba-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMicrowawe%2Fmamba-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMicrowawe%2Fmamba-ui/lists"}