mantine
react-admin
mantine | react-admin | |
---|---|---|
237 | 68 | |
26,622 | 24,941 | |
1.2% | 0.4% | |
9.9 | 10.0 | |
10 days ago | 8 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
mantine
-
Enhancing NextJS Projects with Mantine UI: A Seamless Experience in TypeScript
The beauty of Mantine UI lies in its ability to streamline the development process. Within minutes of installation, I found myself immersed in a world where creating captivating interfaces and functional components became effortless. The intuitive design of the library, coupled with its comprehensive documentation, allows developers to integrate it seamlessly into their projects.
-
Tudo que Estudar, para se tornar uma Engenheira(o) de Software.
Panda Mantine
-
Advanced Frontend Resources for Next.js Development 🚀
🌐 Mantine Documentation
-
Best React UI Library: 5 Popular Choices
GitHub: https://github.com/mantinedev/mantine
-
Ultimate UI and Development Resource Guide for 2024 🚀
1. Mantine A fully-featured library of customizable React components and hooks written in TypeScript. Perfect for building high-quality UI effortlessly. Mantine:
-
30+ CSS libraries and frameworks help you style your applications efficiently.
Mantine Mantine is a powerful and versatile choice for React developers, offering a rich set of customizable components, modern design features, and excellent support for accessibility and theming. It’s a fantastic option for building modern, responsive, accessible web applications.
-
CSS-in-JS 와 헤어지기
styled-component, Emotion, Mantine 등이 있다.
-
Integrate Draw.io and MathType with TinyMCE in NextJs Application
In this article, we will explore how to integrate the Draw.io and MathType with TinyMCE rich text editor for diagram creation, writing mathematical expressions within a React application. For ease, I have used mantine components library. You can check this out on mantine.dev. This integration allows users to create and embed diagrams directly into their content using a seamless workflow.
-
The Ultimate React Roadmap for 2024 - Learn React the Right Way
Mantine is a modern React component library with a focus on accessibility and usability.
- Ant Design – the second most popular React UI framework
react-admin
-
Building a Complete React CRM App with Atomic CRM 🛠️
With a simple relational data model, developers can easily modify the system to store additional data. Its component-based architecture allows for replacing or customizing any part of the application, giving developers full control over the user experience. Built using React and react-admin, two widely supported frameworks, it comes with a rich library of pre-built components ready for use.
-
Major updates from the open source community: Release Radar · June 2024
Whenever I see the word "framework", I can't help but think of the Linebreakers' song "We're Gonna Build a Framework". That aside, React-admin has over 25,000 users around the world. It's a single-page application framework, allowing you to build web apps running on top of REST/GraphQL APIs, using TypeScript, React and Material Design. React-admin's latest update brings refined lists and forms, dependency update, and easier application initialisation.
-
Ask HN: Does Anyone Use a "Closed Core" Software Model?
> "Are there examples of companies adopting this model?"
Many examples across the industry:
- Autodesk AutoCAD (closed) + Plugins/Addons (many open)
- MS Windows (closed) + Many 3rd party programs (open)
- Github (closed) + Github Actions (open)
- Npm (closed) + Npm modules (mostly open)
> "What are the potential benefits or pitfalls?"
Benefits:
- Harder to replicate, the company gets to keep the "secret sauce" a secret
- Opening up a way to "extend" the platform means 3rd party developers add value to your system
- The core isn't open, so less effort is required to maintain compare to OpenSource
Pitfalls:
- Closed-source is hard to verify, company is essentially saying "trust me bro"
- Less innovation, as user's can't contribute to the core
> "How does it impact community engagement and software adoption?"
There's hardcore FOSS advocates that will hate anything not fully open. But a business has to make money and protect it's IP, having a "closed core" is one way to do that and ensure a sustainable business model.
Another approach is the opposite, open-core + closed-premium-addons. An example of this is "React Admin"
- Open Core -> https://github.com/marmelab/react-admin
- Premium Modules Offering -> https://react-admin-ee.marmelab.com/
-
React Component Libraries
Official Website: https://marmelab.com/react-admin/
-
Building an Admin Console With Minimum Code Using React-Admin, Prisma, and Zenstack
React-Admin is a React-based frontend framework for building admin applications that talk to a backend data API. It offers a pluggable mechanism for easily adapting to the specific API style of your backend.
-
New client-side hooks coming to React 19
With these features, data fetching and forms become significantly easier to implement in React. However, creating a great user experience involves integrating all these hooks, which can be complex. Alternatively, you can use a framework like react-admin where user-friendly forms with optimistic updates are built-in.
-
33 React Libraries Every React Developer Should Have In Their Arsenal
31.react-admin
-
I absolutely despise front-end work and styling, (and JS too), coming from a C++ / Java background, what would be a good framework or anything really to make it as painless as possible for me to build a front end.
For the admin panel, or basically anything with basic crud operations, take a look at https://marmelab.com/react-admin/. Most frontend devs don't like it, since it limits you somewhat in customization, but at the same time, it is very easy to grasp for someone coming from a backend dev profile, who just wants a crud UI. It even has a guesser template that proposes an initial screen layout based on the response of your api, which you can then copy-paste and finetune. It is really made to make quick admin crud ui's.
-
Anatomy Of A Profitable Open-Source Project
We’ve developed a business based on an open-source platform called react-admin. Embracing the open-source spirit, we’re sharing the key performance indicators of this business. We hope it will help other open-source developers build their own business.
-
An Overview of 25+ UI Component Libraries in 2023
React-Admin: As the name suggests, this component library is targeted at building administrator interfaces for B2B (business-to-business), for example, managing users in your system. It is based on Material design and has a neat feature where you can let it “guess” your list views by providing a sample API endpoint for your data.
What are some alternatives?
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
tailwind-dashboard-template - Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React. Made by
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
Refine - A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
antd - An enterprise-class UI design language and React UI library
AdminJS - AdminJS is an admin panel for apps written in node.js
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
refine - Build your React-based CRUD applications, without constraints. [Moved to: https://github.com/refinedev/refine]
React ChatBox Component - Clean and nimble React chat component for your next React chat app.
appsmith - Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Strapi - 🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable, and developer-first.