Mamba UI - Free open-source Tailwind CSS UI components
Mamba UI offers 150+ free, copy-paste UI components and templates built with Tailwind CSS. Available in HTML, Vue, and React with light and dark theme support, it helps developers rapidly assemble responsive websites.
A large collection of ready-to-use components and full page templates.
Every component is designed to look great on screens of all sizes.
Dynamic theme switching built in so you can preview both modes instantly.
No installation needed — just copy the code into any Tailwind CSS project.
Choose your primary color from any of the built-in Tailwind color palettes.
Completely free and open source under the permissive MIT license.
Export every component as plain HTML, Vue, or React JSX code.
Modify any component effortlessly using standard Tailwind CSS utility classes.
Build responsive websites faster with free Tailwind CSS components
Mamba UI is an open-source collection of over 150 Tailwind CSS components and templates that can help you create almost any type of website with just a couple of clicks. It is a toolkit for developers and designers that makes creating interfaces a breeze.
The UI kit has a variety of well-designed components to help you get started. Everything is modular and customizable to fit your brand. From blogs to portfolios to online stores, you can quickly create a variety of layouts that look great on any screen.
What's included
- 150+ UI components covering common website sections and patterns
- Full page templates for blogs, portfolios, ecommerce, and more
- HTML, Vue, and React code output for every component
- Built-in light and dark theme variants
- 17 primary color options mapped to the full Tailwind color palette
- Open-source icons and illustrations bundled with the components
- Fully responsive layouts that adapt to any screen size
Theming & dark mode
Every component ships with dynamic light and dark theme support you can toggle instantly in the preview. You can also swap the primary color across all components by choosing from any of the 17 built-in Tailwind color families — no manual find-and-replace needed. This makes it straightforward to align the entire kit with your brand palette before copying anything into your codebase.
Customization
- Components use standard Tailwind utility classes, so tweaking spacing, typography, or colors is quick
- Modular structure lets you mix and match sections freely across different page layouts
- No proprietary CSS or JavaScript dependencies to work around
- Works in any project that has Tailwind CSS installed
License & usage
Mamba UI is released under the MIT license, making it free for personal and commercial use. There is no account or download required — simply copy the code from the website and paste it into your project.
If you've found the components useful and you're feeling generous, you can support the creator of Mamba UI by buying him a coffee.
If you want to support the project in some other way you could give the kit a shoutout @mamba_ui or if you'd like to contribute to the project you can open an issue on their GitHub.
