microwawe / mamba-ui Goto Github PK
View Code? Open in Web Editor NEWMamba UI is a free and open-sourced UI kit with 150+ Tailwind CSS components and templates.
Home Page: http://mambaui.com
License: MIT License
Mamba UI is a free and open-sourced UI kit with 150+ Tailwind CSS components and templates.
Home Page: http://mambaui.com
License: MIT License
I really like the concept as there aren't many Garb and update free template library providing as much content. i work as a designer and a developer in frontend. i have accumulated a lot of components and templates. i would like to make a few additions as i would love to use mamba UI personally in my future projects.
Description:
When selecting to copy a mode, the incorrect mode is copied. Specifically:
Steps to Reproduce:
Example:
Outcome when I copy the following component in Light Mode:
<section className="p-6 bg-gray-800 text-gray-100">
[...]
</section>
And when I copy the same component in Dark mode:
<section className="p-6 dark:bg-gray-100 dark:text-gray-800">
[...]
</section>
I just wanna contribute to MambaUI. I can add new buttons ,Tooltip and Lot more. I'm just school student and free in Weekend.So I just want to use my weekends. How to contribute ?
In table component jsx code, the empty tag without '/', which will cause a format error in the react component.
Unfortunately, when searching for components and interacting with them we might get redirect to the home page thus halting our search.
The reason why it happens is the href="#"
attr in the <a>
tag, if we set it to href=""
it won't happen again.
Different components has the tag and as user we got this unexpected behavior when clicking over them therefore ruining the user experience.
Dear MambaUi Team,
As an active developer leveraging MambaUi components within React projects, I'd like to express appreciation for the value your library brings to front-end development.
However, during integration efforts, I noticed discrepancies in attribute naming within the JSX files of MambaUi form components. Specifically:
<form>
Component: The novalidate
attribute is currently represented as novalidate=""
, deviating from React's expected noValidate=""
casing convention.
<label>
Component for Password Field: The for
attribute is currently written as for="password"
, whereas React expects htmlFor="password"
for proper functionality.
These inconsistencies may cause confusion among developers familiar with React's conventions, potentially leading to debugging challenges and decreased productivity.
Addressing these minor yet crucial attribute naming inconsistencies would significantly enhance the compatibility and usability of MambaUi components within React projects. It would streamline the integration process and ensure a seamless development experience for users of your library.
I kindly request the MambaUi team to review and rectify these attribute namings in the provided form components, aligning them with React's conventions.
Thank you for your attention to this matter. Should you require further clarification or assistance, please feel free to reach out.
Hi
How i can using mamba components in right-to-left cultures like Arabic,Hebr?
Buttons on carousel are not working, when clicked nothing happens.
https://mambaui.com/components/carousel
P.S.: The buttons can't be seem.
Hi the menus doesn't work on mobile when you try to click the burger nothing happens
Currently on the website I can choose a dark or light theme and copy the associated code.
It would be awesome to have the possibility to copy/paste a version of the code handling both cases.
For instance, instead of having:
bg-gray-800 text-gray-100
for the light version and dark:bg-gray-800 dark:text-gray-100
for the dark version, having a mix like so: bg-gray-800 text-gray-100 dark:bg-gray-800 dark:text-gray-100
Maybe there is an option, but I haven't found it.
Thanks!
Hi @Microwawe
As I saw issues you replied to others you mentioned the component just html + css, what is the suggestion or advice how to do js interaction you would give to the end users?
Thanks
Eric Xin
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.