Skip to content

Mantine code, made shareable

Author reusable components, hooks, blocks, and themes. Install them as source you own.

One source-owned workflow

Author once. Install and maintain safely.

Manteen keeps Mantine as an ordinary npm dependency while registries carry the composed source your project is expected to own and edit.

Author

manteen-kit

Compile a Mantine-shaped catalog into portable, shadcn-compatible registry JSON.

npx manteen-kit build
Consume

manteen

Initialize projects, then install, track, diff, and update registry source with visible safety checks.

npx manteen add @house/article-card

Live registry

Explore the registry

Browse static examples and authored item documentation from the live Manteen registry — 22 published items, installable with one command.

Login and registration form with validation and optional social callbacks.

Responsive image-card carousel with consumer-owned data and optional actions.

Drag-and-drop file input with explicit accept, reject and picker behavior.

Mantine theme with house defaults for Button, Card, Paper and Modal.

Sortable table with loading skeletons, click-through rows and an empty state.

Empty State

component

Centered empty/zero-data placeholder with an optional icon and call to action.

Page Header

component

Page title, description and right-aligned action slot with an optional divider.

Button with an integrated timed progress layer and completion callback.

Sortable List

component

Accessible pointer and keyboard sortable list with reorder callbacks.

Stat Card

component

Metric tile with label, value, optional icon and a trend row.

Responsive metric grid with custom icons, comparison labels and trends.

Searchable and sortable name, email and company table with an empty state.

Shared MIT license notice installed with Mantine UI-derived registry items.

A TextInput whose label floats above the field on focus or fill, with an absorbed invalid/error state.

PasswordInput with a four-segment strength meter and a live, overridable requirements checklist.

Debounced async Autocomplete with a loading indicator and race-safe request handling.

Full-bleed marketing hero with a gradient-highlighted headline, body copy, primary/optional-secondary CTAs, and an opt-in background photo revealed by a diagonal gradient on the right.

Multi-column site footer with a brand block, titled link groups, copyright line and social icons — all consumer-supplied.

Centered FAQ section with a separated accordion of consumer-supplied question/answer pairs.

Manteen is an independent project and is not affiliated with or endorsed by the Mantine team.