MantineHub
Preview all Mantine components with your theme. Explore variants, sizes, and states in real time.
This is anonymous
Input description
Input description
Input description
This is anonymous
This is anonymous
Input description
Input description
Input description
Input description
Input description
Input description
Input description
Hover sections to see tooltips
Label
BackgroundImage component can be used to add any content on image. It is useful for hero headers and other similar sections
Norway Fjord Adventures
With Fjord Tours you can explore more of the magical fjord landscapes with tours and activities on and around the fjords of Norway
We Butter the Bread with Butter was founded in 2007 by Marcel Neumann, who was originally guitarist for Martin Kesici's band, and Tobias Schultka. The band was originally meant as a joke, but progressed into being a more serious musical duo. The name for the band has no particular meaning, although its origins were suggested from when the two original members were driving in a car operated by Marcel Neumann and an accident almost occurred. Neumann found Schultka "so funny that he briefly lost control of the vehicle." Many of their songs from this point were covers of German folk tales and nursery rhymes.
You've created new branch fix-notifications from master
2 hours ago
You've pushed 23 commits to fix-notifications branch
52 minutes ago
You've submitted a pull request Fix incorrect notification message (#187)
34 minutes ago
Robert Gluesticker left a code review on your pull request
12 minutes ago
Life is like an npm install – you never know what you are going to get.– Forrest Gump
import { Code } from '@mantine/core'; function Demo() { return <Code>React.createElement()</Code>; }
Highlight This, definitely THIS and also this!
Highlight this chunk of the text
Element position | Element name | Symbol | Atomic mass |
---|---|---|---|
6 | Carbon | C | 12.011 |
7 | Nitrogen | N | 14.007 |
39 | Yttrium | Y | 88.906 |
56 | Barium | Ba | 137.33 |
58 | Cerium | Ce | 140.12 |
Extra small text
Small text
Default text
Large text
Extra large text
Semibold
Bold
Italic
Underlined
Strikethrough
Dimmed text
Blue text
Teal 4 text
Uppercase
capitalized text
Aligned to center
Aligned to right
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, officiis! Fugit minus ea, perferendis eum consectetur quae vitae. Aliquid, quam reprehenderit? Maiores sed pariatur aliquid commodi atque sunt officiis natus?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, officiis! Fugit minus ea, perferendis eum consectetur quae vitae. Aliquid, quam reprehenderit? Maiores sed pariatur aliquid commodi atque sunt officiis natus?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, officiis! Fugit minus ea, perferendis eum consectetur quae vitae. Aliquid, quam reprehenderit? Maiores sed pariatur aliquid commodi atque sunt officiis natus?
Paper is the most basic ui component
Use it to create cards, dropdowns, modals and other components that require background with shadow
Input description
Group 1
Group 2
This project is inspired by Shadcn Themes. The source code is available on GitHub.