├── CONTRIBUTING.md └── README.md /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contribution Guidelines 2 | 3 | - Use the following format: 4 | - PR title: "Add <some project or library>" 5 | - Content 6 | - "\[Project or library\](Link)" 7 | - A short description about why 8 | - The link should be the name of the package or project 9 | - Links and categories should be sorted alphabetically 10 | - Add one link per pull-request 11 | - Keep descriptions concise, clear and simple 12 | - New categories, or improvements to the existing ones are also welcome 13 | - Make sure your text editor is set to remove trailing whitespace 14 | 15 | ## Quality standard 16 | 17 | To stay on the list, projects should follow these quality standards: 18 | 19 | - Generally used and useful to the community 20 | - Actively maintained (even if that just means take care of open issues) 21 | - Stable 22 | - Documented 23 | - Tests 24 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Mantine 2 | 3 | [![](https://cdn.rawgit.com/sindresorhus/awesome/master/media/badge.svg)](http://awesome.es) 4 | 5 | [Mantine](https://mantine.dev) is a fully featured React components library. 6 | 7 | This project contains a curated list of awesome mantine documentations, libraries and resources. 8 | 9 | ## Contents 10 | 11 | 1. [Official Links](#official-links) 12 | 2. [Libraries](#libraries) 13 | 3. [Boilerplates](#boilerplates) 14 | 4. [Showcase](#showcase) 15 | - [Open Source](#open-source) 16 | - [Non Open Source](#non-open-source) 17 | 6. [Companies and Products Using Mantine](#companies-and-products-using-mantine) 18 | 7. [Miscellaneous](#miscellaneous) 19 | 8. [Videos](#videos) 20 | 21 | ## Official Links 22 | 23 | - **[Mantine](https://mantine.dev)** - Official website 24 | - **[Mantine UI](https://ui.mantine.dev/)** - Official samples 25 | 26 | ## Libraries 27 | 28 | - [Mantine ContextMenu](https://icflorescu.github.io/mantine-contextmenu/) - The context menu for your enhanced Mantine applications 29 | - [Mantine Composite Filters](https://dvlprroshan.github.io/mantine-composite-filters/) - A powerful, flexible composite filters component for Mantine with support for multiple filter types, presets, history, and advanced customization 30 | - [Mantine Data Grid](https://kuechlin.github.io/mantine-data-grid/) - Another yet DataTable Grd in alpha stage 31 | - [Mantine DataTable](https://icflorescu.github.io/mantine-datatable/) - The table component for your data-rich Mantine applications 32 | - [Mantine Flagpack](https://mantinedev.github.io/mantine-flagpack/) - 4x3 flags as React components, built of top of flagpack, tree shakable 33 | - [Mantine Border Animate](https://gfazioli.github.io/mantine-border-animate/) - A Mantine component for animated border effects with four variants (beam, glow, gradient, pulse), customizable colors, and full animation control. Ideal for creating eye-catching, dynamically styled UI elements with smooth CSS animations. 34 | - [Mantine Clock](https://gfazioli.github.io/mantine-clock/) - React Clock components and hooks for Mantine with timezone support, countdown timers, customization options, and real-time updates. 35 | - [Mantine Json Tree](https://gfazioli.github.io/mantine-json-tree/) - _A Mantine extension component that renders interactive JSON trees with syntax highlighting, collapsible nodes, copy-to-clipboard, and configurable expansion depth._ 36 | - [Mantine Flip](https://gfazioli.github.io/mantine-flip/) - A Mantine component that flips the content of the component when hovered over. 37 | - [Mantine List View Table](https://gfazioli.github.io/mantine-list-view-table/) - A Mantine component adds a Finder-style List View to the Mantine Table, allowing for column reordering and resizing. 38 | - [Mantine Marquee](https://gfazioli.github.io/mantine-marquee) - A Mantine component that allows you to create a marquee effect with a list of elements. 39 | - [Mantine Onboarding Tour](https://gfazioli.github.io/mantine-onboarding-tour/) - A Mantine component enables you to create a onboarding-tour effect using overlays, popovers, and onboarding tours, which enhances element visibility and interactivity. 40 | - [Mantine Parallax](https://gfazioli.github.io/mantine-parallax/) - A Mantine component that allows you to create the famous Apple TV parallax effect 41 | - [Mantine Picker](https://gfazioli.github.io/mantine-picker/) - A Mantine component that allows you to create a picker effect with a list of elements 42 | - [Mantine React Table](https://www.mantine-react-table.com/) - A fully featured Mantine V5 implementation of TanStack React Table V8 43 | - [Mantine Reflection](https://gfazioli.github.io/mantine-reflection/) - A Mantine component that adds a reflection effect to its children. 44 | - [Mantine Rings Progress](https://gfazioli.github.io/mantine-rings-progress/) - A Mantine component that replicates the progress rings of Apple Watch. 45 | - [Mantine Spinner](https://gfazioli.github.io/mantine-spinner/) - A Mantine React component for an enhanced loading state. 46 | - [Mantine Scheduler](https://github.com/jadamita/mantine-scheduler) - A powerful and flexible React package that allows you to easily integrate scheduling functionality into your Mantine-based applications. 47 | - [Mantine Split Pane](https://gfazioli.github.io/mantine-split-pane/) - A Mantine component that manages split panes allows users to divide and resize content areas within a layout efficiently 48 | - [Mantine Text Animate](https://gfazioli.github.io/mantine-text-animate/) - A Mantine component that allows you to animate text with various effects 49 | - [Mantine Window](https://gfazioli.github.io/mantine-window/) - A Mantine extension component that renders draggable, resizable floating windows with persistent state, customizable boundaries, collapsible content, and flexible control over position, size, and interaction modes 50 | 51 | ## Boilerplates 52 | 53 | - [mantinedev/gatsby-template](https://github.com/mantinedev/gatsby-template) - Mantine + Gatsby.js template 54 | - [mantinedev/next-app-template](https://github.com/mantinedev/next-app-template) - Mantine + Next.js app router template (7.0+) 55 | - [mantinedev/next-page-template](https://github.com/mantinedev/next-pages-template) - Mantine + Next.js pages router template 56 | - [mantinedev/redwood-template](https://github.com/mantinedev/redwood-template) - Mantine + RedwoodJS template 57 | - [mantinedev/remix-template](https://github.com/mantinedev/remix-template) - Remix + Mantine template 58 | - [mantinedev/vite-template](https://github.com/mantinedev/vite-template) - Mantine + Vite template 59 | - [Blitzship](https://blitz-ship.com/) - The code boilerplate for launching your SaaS on AWS. 60 | - [ship](https://github.com/paralect/ship) - A toolkit for makers to ship better products faster 🚀 61 | - [zauberstack](https://zauberstack.com/) - A React.js SaaS Starter Kit to build your MVP faster 62 | - [gfazioli/next-app-nextra-template](https://github.com/gfazioli/next-app-nextra-template) - Mantine + Next.js app router + Nextra 4 template (7.0+) + [Live Demo](https://next-app-nextra-template.vercel.app/) 63 | - [mantine-tanstack-start-template](https://github.com/icflorescu/mantine-tanstack-start-template/) - The easiest way to initialize a new project with Mantine and [TanStack Start](https://tanstack.com/start) 64 | - [NextStack)(https://www.nextstack.gg/) - The Ultimate Modern Next.js Starter. 65 | 66 | ## Showcase 67 | 68 | ### Open source 69 | 70 | - [docmost](https://docmost.com/) - An open-source alternative to Confluence and Notion. 71 | - [homarr](https://github.com/ajnart/homarr) - A simple, yet powerful dashboard for your server 72 | - [KamousAI](https://github.com/Ali-Hussein-dev/KamousAI) - Language Learning Tools, uplevel your language skills with AI 73 | - [local-weather](https://localwx.vercel.app/) - A weather app using Next.js, Mantine, Edge API Routes, and the OpenWeatherMap and Google Maps API's 74 | - [mantine-analytics-dashboard](https://github.com/design-sparx/mantine-analytics-dashboard) - A free, open source, Next 14, React 18 admin dashboard template created using Mantine 7 75 | - [Mantine Extensions](https://mantine-extensions.vercel.app/) - Hub of extensions designed to enhance the functionality and aesthetics of the Mantine UI library 76 | - [MantineHub](https://mantinehub.com/) - A tool to easily add modern, pre-configured themes (inspired by Shadcn) to your Mantine projects 77 | - [Mantine Tweaker](https://mantine-tweaker.pages.dev/) - A mantine theme tweaker 78 | - [moonlit](https://github.com/bgwastu/moonlit) - React music player with customizable experience 79 | - [ryot](https://github.com/ignisda/ryot) - A self hosted platform for tracking various facets of your life - media, fitness etc 80 | - [Titanium](https://www.titanium.dev/) - Landing page blocks using Mantine 81 | - [UptimeFlare](https://github.com/lyc8503/UptimeFlare) - Free and serverless uptime monitoring / status page on Cloudflare Workers, with Geo-specific checks 82 | 83 | ### Non open source 84 | 85 | - [ahead.hiv.gov](https://ahead.hiv.gov/) - a government site aiming to provide easy access to Ending the HIV Epidemic data to the public. 86 | - [Birthdai](https://birthdai.app) - Create birthday song with personal musical style. 87 | - [Converting](https://converting.to/) - A web service to file conversions 88 | - [daily.place](https://daily.place/) - Track your daily tasks for free 89 | - [PPResume](http://ppresume.com/) - A LaTeX based resume builder 90 | - [Valla](https://www.valla.app/) - A mac (electron) app for reading epub files. 91 | - [Vouchley](https://www.vouchley.com/) - The review platform for freelancers 92 | - [Workout](https://workout.lol/) - The easiest way to create a workout routine 93 | - [Inspotype](https://inspotype.com?ref=awesome-mantine) - Create new brands in a blink 94 | - [InstaClock](https://instaclock.app/) - a time tracking app specifically designed for individuals 95 | 96 | ## Companies and Products Using Mantine 97 | 98 | - [EasyWP](https://easywp.com) - Managed WordPress in minutes 99 | - [WP Bones](https://wpbones.com) - WP Bones allows for WordPress plugins with Laravel-like features 100 | 101 | ### Miscellaneous 102 | 103 | - [react-data-fetching](https://github.com/KevinVandy/react-data-fetching) - A repository to showcase different ways to fetch data in React. 104 | 105 | ## Videos 106 | 107 | - [Mantine UI crash course](https://www.youtube.com/watch?v=U9MaICpcNRI) - A crash course on mantine v6 108 | - [Mantine UI V6 Course](https://www.youtube.com/playlist?list=PLxt4i7QVE68-iimjALLoOIMzY7Tg0lEaY) - Tutorial on Mantine v6 109 | - [Mantine UI V7 Course](https://www.youtube.com/watch?v=EMoKmShoM_U&list=PLxt4i7QVE688fQGmZzWt_cpKbi5phODkE) - Tutorial on Mantine V7 110 | --------------------------------------------------------------------------------