heart-switch
mantine
Our great sponsors
- SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
- Amplication - open-source Node.js backend code generator
- Appwrite - The open-source backend cloud platform
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
- Mergify - Updating dependencies is time-consuming.
- Sonar - Write Clean JavaScript Code. Always.
| heart-switch | mantine | |
|---|---|---|
| 3 | 210 | |
| 431 | 21,475 | |
| - | 3.7% | |
| 0.0 | 9.7 | |
| 4 months ago | 1 day 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.
heart-switch
-
I’ve built a fully themeable and accessible heart-shaped toggle switch component for React. [Details in the comments]
🗄 Repository: GitHub 💻 Live Demo: CodeSandbox 🖼 Storybook: Netlify
mantine
-
⚡ Best Open Source React framework and libraries for Building Enterprise B2B apps
Additionally, refine offers built-in integrations with Ant Design, Material UI, Mantine, and Chakra UI, providing swift starting points for your projects.
-
An Overview of 25+ UI Component Libraries in 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
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
GitHub: https://github.com/mantinedev/mantine
Website: https://mantine.dev/ and https://ui.mantine.dev/
-
10 Best Free React UI Libraries in 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.
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
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)?
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?
Tried Mantine? https://mantine.dev/
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.
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
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.