https://github.com/neilveil/mumpui
A light-weight & customizable ReactJS UI library with zero dependencies
https://github.com/neilveil/mumpui
design-library design-system flat-design lightweight-ui-design mumpui react react-library ui-library
Last synced: 3 months ago
JSON representation
A light-weight & customizable ReactJS UI library with zero dependencies
- Host: GitHub
- URL: https://github.com/neilveil/mumpui
- Owner: neilveil
- License: mit
- Created: 2023-06-16T05:52:20.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-01-20T06:46:01.000Z (9 months ago)
- Last Synced: 2025-07-05T05:43:59.804Z (3 months ago)
- Topics: design-library, design-system, flat-design, lightweight-ui-design, mumpui, react, react-library, ui-library
- Language: TypeScript
- Homepage: https://neilveil.github.io/mumpui
- Size: 3.42 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: license.txt
Awesome Lists containing this project
README
# MumpUI
[](https://www.npmjs.com/package/mumpui) [](https://www.npmjs.com/package/mumpui)
**A light-weight Flexible & Elegant Design System for Developers**
Welcome to MumpUI, where creativity meets simplicity! 🌟
MumpUI is not just another front-end library; it's your secret weapon for crafting captivating, feature-rich web applications effortlessly. With MumpUI, we've gathered the building blocks you need to supercharge your development journey, all under one roof.
Are you tired of reinventing the wheel with every new project? Say goodbye to the mundane and say hello to the extraordinary. Our library is your trusted companion, a treasure trove of pre-built components and clever helpers that will turbocharge your ReactJS applications. Whether you're a seasoned developer or just starting your coding adventure, MumpUI empowers you to build dazzling interfaces and deliver polished user experiences like a pro.
[Live demo →](https://neilveil.github.io/mumpui)
## Why MumpUI?
🖌️ **Customizable**: MumpUI breaks free from uniformity. Choose from multiple flavors and themes, all fully customizable to match your unique style.
🍃 **Lightweight Components**: MumpUI components are lightning-fast, delivering a native OS-like experience on mobile devices, leveraging native browser features.
🌱 **Tiny**: Thanks to its native elements and treeshaking, MumpUI imports only the components you use, resulting in an incredibly compact final build.
🔧 **Zero Dependencies**: MumpUI comes with zero external dependencies, ensuring a lightweight and streamlined development process.
🧼 **Clean**: MumpUI adheres to a sleek Flat Design System, rejecting outdated shadows and boxes for a fresh, minimalist aesthetic.
🧩 **Modular & Extensible**: Mix and match components effortlessly, and extend MumpUI with ease, ensuring your application grows with your vision.
🌐 **Responsive & Versatile**: Create applications that adapt seamlessly to any device, screen size, or user preference, thanks to our responsive design philosophy.
📱 **Mobile Optimization**: In response to the growing mobile audience, MumpUI meticulously tailors all components to prioritize a seamless and user-friendly mobile experience.
🎨 **Beautiful Design**: Unleash your creativity with stunning, customizable components that turn your ideas into pixel-perfect realities.
🌍 **Open Source**: Join our vibrant community of developers, contribute your brilliance, and be part of the journey to redefine front-end development.
Redefining the Art of User Interface Design. 🚀
Welcome to **MumpUI**! 🌟
## Installation
You can install MumpUI via npm:
```bash
npm install mumpui
```
## Usage
```jsx
import { Button } from 'mumpui'
function Main() {
return (
Click
)
}
```
[Setup →](https://neilveil.github.io/mumpui/setup)
## Demo
Check out the [MumpUI](https://neilveil.github.io/mumpui) website for demo.
## Components
MumpUI provides a wide range of components for building your user interface.
### Input
- [Input](https://neilveil.github.io/mumpui/docs/input)
- [Textarea](https://neilveil.github.io/mumpui/docs/textarea)
- [Field](https://neilveil.github.io/mumpui/docs/field)
- [Form](https://neilveil.github.io/mumpui/docs/form)
- [Checkbox](https://neilveil.github.io/mumpui/docs/checkbox)
- [Radio](https://neilveil.github.io/mumpui/docs/radio)
- [Select](https://neilveil.github.io/mumpui/docs/select)
- [Multi-Select](https://neilveil.github.io/mumpui/docs/multiSelect)
- [Search](https://neilveil.github.io/mumpui/docs/search)
- [Button](https://neilveil.github.io/mumpui/docs/button)
- [Date / Month / Time](https://neilveil.github.io/mumpui/docs/datetime)
- [Color Picker](https://neilveil.github.io/mumpui/docs/colorPicker)
- [Range](https://neilveil.github.io/mumpui/docs/range)
- [File Upload](https://neilveil.github.io/mumpui/docs/file)
### Display
- [List](https://neilveil.github.io/mumpui/docs/list)
- [Table](https://neilveil.github.io/mumpui/docs/table)
- [Loader](https://neilveil.github.io/mumpui/docs/loader)
- [Placeholder](https://neilveil.github.io/mumpui/docs/placeholder)
- [Divider](https://neilveil.github.io/mumpui/docs/divider)
- [Chain](https://neilveil.github.io/mumpui/docs/chain)
- [Tooltip](https://neilveil.github.io/mumpui/docs/tooltip)
### Feedback
- [Message](https://neilveil.github.io/mumpui/docs/message)
- [Confirm](https://neilveil.github.io/mumpui/docs/confirm)
- [Modal](https://neilveil.github.io/mumpui/docs/modal)
- [Note](https://neilveil.github.io/mumpui/docs/note)
### Navigation
- [Tabs](https://neilveil.github.io/mumpui/docs/tabs)
- [Menu](https://neilveil.github.io/mumpui/docs/menu)
- [Pagination](https://neilveil.github.io/mumpui/docs/pagination)
- [Breadcrumbs](https://neilveil.github.io/mumpui/docs/chain)
### Dashboard
MumpUI offers a robust dashboard component, designed to effortlessly handle data management and provide a comprehensive view of CRUD operations. Seamlessly integrated with in-built user role functionalities, it ensures secure access control. The dashboard is fully responsive, guaranteeing a consistent user experience across all devices, and its integration is elegantly straightforward.
- [Basic dashboard](https://neilveil.github.io/mumpui/dashboard)
- [Data layout](https://neilveil.github.io/mumpui/dashboard/users)
- [Form layout - Create](https://neilveil.github.io/mumpui/dashboard/users/create)
- [Form layout - update/delete](https://neilveil.github.io/mumpui/dashboard/users/udpate)
- [Dashboard with user acceess](https://neilveil.github.io/mumpui/dashboard/access)
- [Full width](https://neilveil.github.io/mumpui/dashboard/maxWidth)
- [Data loading](https://neilveil.github.io/mumpui/dashboard/loader)
- [No data](https://neilveil.github.io/mumpui/dashboard/empty)
## Contributing
Contributions are welcome! Feel free to open an issue or submit a pull request.
## License
MumpUI is open-source and released under the MIT License. You are free to use, modify, and distribute this library in your projects. Contributions and feedback are welcome!
## Developer
Developed & maintained by [neilveil](https://github.com/neilveil).
## More
For detailed usage instructions, examples, and API documentation, please visit the [MumpUI](https://neilveil.github.io/mumpui) website.
❤️ Happy coding with **MumpUI**!