Mantine Component Blocks

Mantine Component Blocks

Ready-to-use components that you can copy-paste into your React apps

React

React

Motion

Motion

React

React

Motion

Motion

Grid of custom Mantine React componentsGrid of custom Mantine React components
Grid of custom Mantine React componentsGrid of custom Mantine React components

Features

Production Ready

Pre-optimized for performance and SEO.

Customizable

Highly customizable to fit your brand.

Responsive Design

Optimized for seamless user experience across various devices, including phones and tablets.

Developer Experience

Designed for an easy and efficient developer experience.

Dark mode

Supports dark mode out of the box.

Typescript

Strongly typed with TypeScript.

Animation

Built-in animation support for a smooth user experience.

Documentation

Comprehensive documentation with examples and best practices.

Theming

Built-in theming support for easy customization.

👋🏻, my name is

Joey

Joey Titanium avatarJoey Titanium avatar

and I love building

React

apps

I've spent 10+ years building web and mobile apps at startups. After launching some of my own and endlessly tweaking landing pages to boost conversions, I kept coding the same components over and over.

So I built Titanium to share these components with other developers. Follow me on X for updates.

Copy. Paste. Ship.Copy. Paste. Ship.

Browse Components