mantine-custom-components
OfficialBuild Mantine-ready components with factory patterns.
Software Engineering#components#factory#css-variables#compound-components#mantine#usestyles#styles-api
Authorusebondery
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Build custom Mantine-based components that integrate seamlessly with Mantine's theming, the Styles API, and advanced patterns like compound components and contextual sharing.
Core Features & Use Cases
- Create components with factory(), polymorphicFactory(), or genericFactory() to support standard, polymorphic, and generic props.
- Extend the Styles API with classNames, styles, vars, and unstyled, and use createVarsResolver to map props to CSS variables.
- Implement compound components with sub-components and shared context, then register with MantineProvider via Component.extend() or theme extension.
Quick Start
Create a new Mantine component using factory(), wire up useProps and useStyles, and expose root styles with getStyles.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mantine-custom-components Download link: https://github.com/usebondery/bondery/archive/main.zip#mantine-custom-components Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.