Our great sponsors
- SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
- Appwrite - The open-source backend cloud platform
- Amplication - open-source Node.js backend code generator
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
- Mergify - Updating dependencies is time-consuming.
|19 days ago||7 days ago|
|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.
An Overview of 25+ UI Component Libraries in 2023
40 projects | dev.to | 10 Sep 2023
Mantine : Another fully featured component library with baked in a11y, more than 100 components, and hooks. Mantine is all TypeScript-based and has a way to override default styling. Once more, there’s a lot to learn on how to use its functions and API to achieve your goals.
Show HN: Color-scheme-switcher: auto/manual color scheme toggling in React
3 projects | news.ycombinator.com | 15 Aug 2023
A really simple, small package to manage React context around color scheme toggling. Specifically, you can switch color scheme manually or automatically, and if the latter you can follow either the system color scheme or the sun.
I based some of this code heavily on a couple Mantine (https://mantine.dev/) hooks and Suncalc (https://github.com/mourner/suncalc), but modified them to either make them simpler and/or, in Suncalc's case, typed.
This is my first open-source package in a while, so I'd greatly appreciate any constructive suggestions! I have been using some form of this in my own projects and figured, when I added it to the most recent one, I should just extract it into its own project. I'm hoping something small like this will motivate me to do more open-source work because I miss it!
5 Not-So-Typical React Libraries for an Outstanding Project
9 projects | dev.to | 3 Aug 2023
GitHub: https://github.com/mantinedev/mantine9 projects | dev.to | 3 Aug 2023
Website: https://mantine.dev/ and https://ui.mantine.dev/
10 Best Free React UI Libraries in 2023
21 projects | dev.to | 31 Jul 2023
As of August 2023, it has got more than 20K stars on GitHub and more than 250K weekly downloads on NPM for its core components library.21 projects | dev.to | 31 Jul 2023
Mantine is a free and open-source React components library that provides 134 fully responsive React components for 25 different categories like navbar, error pages, blog card, comments, sliders, etc. to be put into production.
PublishWise: The one place to write and publish your blogs
4 projects | dev.to | 18 Jul 2023
This project was bootstrapped using Refine. It uses Supabase as the database, storage, and auth provider. The UI is built using the Mantine UI library together with Refine. Other than that, it uses Refine data hooks for performing queries and mutations throughout the whole application. The whole application is built on top of the Next.js app directory and utilizes the new features of Next.js.
What are the best solutions to theme flicker / Flash of Unstyled Content (FOUC)?
2 projects | /r/reactjs | 5 Jul 2023
What I'm talking about is for example if I go to https://mantine.dev/ or https://mui.com/material-ui/getting-started/ then pick the dark theme in the top right, every time I refresh the page it appears white again until the loading finishes. However it doesn't happen on https://mui.com/... why?
Trying to find some more UI component libraries. I am big fan of Chakra UI but want to try something new. Any suggestions?
5 projects | /r/reactjs | 2 Jul 2023
Tried Mantine? https://mantine.dev/
React Ecosystem in 2023.
15 projects | dev.to | 17 Jun 2023
Man time UI
What are some alternatives?
material-ui - MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
antd - An enterprise-class UI design language and React UI library
react-admin - A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
react-drag-sizing - "Drag to resize" (sizing) as React Component.
vechaiui - A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
React ChatBox Component - Clean and nimble React chat component for your next React chat app.
daisyui - ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ The most popular, free and open-source Tailwind CSS component library
styled-system - ⬢ Style props for rapid UI development
shadcn/ui - Beautifully designed components built with Radix UI and Tailwind CSS.