repository·master·Indexed 25 days ago
https://github.com/mantinedev/ui.mantine.devA library of over 120 responsive, themeable components built on top of the Mantine core library. It provides ready-to-use UI elements supporting dark and light modes, including pre-built patterns for authentication, hero sections, navbars, headers, and data grids.
The Mantine UI library provides a wide range of pre-built components organized into functional categories. You can import components from the main entrypoint based on your UI needs:
ActionsGrid, CardWithStats, BadgeCard, FeaturesCard, StatsRingCard, SwitchesCard, TaskCardAuthenticationForm, AuthenticationImage, AuthenticationTitle, ForgotPasswordEmailBanner, ImageActionBanner, CookiesBannerArticleCard, ArticleCardFooter, ArticleCardVertical, ArticleCardImage, ImageCard, CardGradient, ArticlesCardsGridContactUs, GetInTouch, GetInTouchSimpleAutocompleteLoading, CheckboxCard, ContainedInputs, CurrencyInput, FloatingLabelInput, ForgotPasswordInput, ImageCheckboxes, InputTooltip, InputValidation, InputWithButton, LanguagePicker, PasswordStrength, GradientSegmentedControl, CustomSwitchHeroBullets, HeroContentLeft, HeroImageBackground, HeroImageRight, HeroText, HeroTitleFeaturesAsymmetrical, FeaturesGrid, FeaturesImages, FeaturesTitle, FeaturesCardsFaqSimple, FaqWithBg, FaqWithHeader, FaqWithImageUserButton, UserInfoAction, UserInfoIcons, UserMenu, UsersRolesTable, UsersStack, UsersTable, UserCardImageSliderIcon, SliderInput, SliderLabel, SliderHover, SliderMarks, SliderWhiteFooterCentered, FooterSimple, FooterSocial, FooterLinksTableOfContents, TableOfContentsFloatingStatsCard, StatsControls, StatsGrid, StatsGridIcons, StatsGroup, StatsRing, StatsSegments, ProgressCard, ProgressCardColoredGridAsymmetrical, Subgrid, LeadGridTableReviews, TableScrollArea, TableSelection, TableSortCommentSimple, CommentHtmlButtonCopy, ButtonMenu, ButtonProgress, SplitButton, SocialButtons, ActionToggleCarouselCard, CardsCarouselDropzoneButtonDndList, DndListHandle, DndTableNotFoundTitle, NotFoundImage, NothingFoundBackground, ServerError, ServerOverloadNavbarMinimal, NavbarMinimalColored, NavbarSimple, NavbarSimpleColored, NavbarLinksGroup, NavbarSegmented, NavbarSearch, NavbarNested, DoubleNavbarHeaderMegaMenu, HeaderMenu, HeaderSearch, HeaderSimple, HeaderTabs, DoubleHeaderFaqSimple component is a pre-built FAQ section layout that utilizes Mantine's Container, Title, and Accordion components. It is styled using a local CSS module and provides a centered title with a series of separated accordion items for questions and answers.Feature component displays an individual feature item consisting of a themed icon, a title, and a description. It is designed to work with Mantine's ThemeIcon and Text components.The AuthenticationForm component is a pre-built UI pattern for handling user authentication (login and registration). It is built using @mantine/core, @mantine/form, and @mantine/hooks. It accepts all standard PaperProps from Mantine, allowing you to customize its styling, padding, radius, and border properties.
Key features:
FeaturesGrid component renders a collection of features using a responsive SimpleGrid. By default, it uses internal MOCKDATA to populate the grid. It is structured with a title, a description container, and a grid layout that adjusts columns based on screen size (1 column on mobile, 2 on small, 3 on medium/large).